h5微信公众号开发之填坑之路

首先微信公众号的开发主要是基于在微信内置的qq x5内核浏览器,在其基础上写入页面及交互逻辑。

1,首先是准备,俗话说的好“工欲善其事必先利其器”,其实说白了,一开始是确定是移动端布局在html写上

<meta name = "viewport" content="width=device-width, initial-scal=1.0,maxium-scale=1.0,user-scalable=no">

拿到设计图(区分2x,3x),前端量取得长度是一倍图的长度,区分好ui交互图很重要,图片素材给的是最大倍数的图片素材,简单说一下倍图问题,倍图就是每英寸的像素点多少,像iphone6,7..就是2x图,iphone6p,7p就是3倍图。

重要的一点是移动端个人使用的rem布局,基于html的font-size,本人设置的是font-size=50px;也就是1rem=50px;1px=0.02rem;统一了尺寸之后就可以进行开发了。

不要烦,接下来还是准备工作,就是调试工具的选择,个人建议用谷歌浏览器的移动调试和微信开发者工具联合调试。

微信开发者工具下载地址


2,微信接口的调用:

对于微信的一些接口调用再三声明认真读微信js-sdk开发文档!!!!!


首先是绑定域名,在公众号设置>功能设置>设置开发服务器所对应的域名。

引入js-sdk文件,

本篇文章最主要的是接下来的东西,那就是微信初始化配置,关于wx.config的 配置

文档上说明配置中的参数需要通过一些签名算法获得,


那么这些必填的参数是怎么获得呢?还是那句话就是认真读取文档,


文档中明确表示关于微信的签名,出于安全必须在服务器端进行签名逻辑的编写,在这次开发的项目中,由后台写好逻辑接口,其实签名最重要的是需要明确提供url地址,也就是说在哪个页面调用微信接口,就写这个页面的url,如果url不对,会不断地提示签名错误,这个时候就要测试当前的url与签名中的url是否一致,判断方法是点击微信右上角的分享链接粘贴到别处看是否与签名中的url一致,一般把url改为这个页面的url就可以了。像其它参数的获取,一般是请求后端接口获取。

本篇文章,希望对调取微信接口总是提示签名错误的读者有所帮助,不足之处还望雅正。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,556评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • 微信服务号开发 整体流程 域名报备,服务器搭建 Python开发环境和项目的初始化搭建; 微信公众号注册及开发模式...
    飞行员suke阅读 4,602评论 0 14
  • 前段时间,教育局通报了一起因学生没有完成作业被老师打耳光,然后被班级学生偷偷录下来传到网上违反师德师风的事件!涉事...
    夏日梅语阅读 469评论 1 2
  • 暗淡轻黄体性柔,情疏迹远只香留。何须浅碧轻红色,自是花中第一流。梅定妒,菊应羞,画阑开处冠中秋。桂花自有她优越的品...
    那霞阅读 227评论 0 0