首先微信公众号的开发主要是基于在微信内置的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就可以了。像其它参数的获取,一般是请求后端接口获取。
本篇文章,希望对调取微信接口总是提示签名错误的读者有所帮助,不足之处还望雅正。