微信公众账号开发入门

 @snandy  2015.11

内容

背景
注册篇
设置篇
获取篇
测试篇

背景

1. 越来越多的业务开通微信公众号

2. 不少开发同学不清楚微信API调用流程

1.0 微信开发的四种平台类型

1.1 APP/网站/公众账号

1.2 订阅号，服务号和企业号的区别

1.3 引子

微信公众账号开发过程中，有一些功能需要调用微信的接口，如 “分享到朋友圈”，“扫描二维码” 等

1.4 更多API

http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

1.5 开始想的设想…

1.6 实际却是报错

2 注册

注册一个公众账号是必须的，5 个步骤
填写基本信息
邮箱激活
选择账号类型
信息登记
查看公众号信息

2.1 访问https://mp.weixin.qq.com

2.2 激活邮箱

2.3 选择账号类型

2.4 信息登记

2.5 信息登记

选“个人”，需要填写一些身份证等信息

2.6 扫描二维码确认

填写完身份证号后还需要验证运营者身份，这个需要用绑定了运营者本人银行卡的微信扫描二维码

3.1 查看注册信息

3.2AppID(应用ID) 和AppSecret(应用密钥)

3.3 绑定域名

进入 “公众号设置” 的 “功能设置” 里填写 “JS接口安全域名”
最多可以绑定三个不同域名

4.1 获取access_token

access_token是必须的，后面还需要用它来获取Jsapi_ticket
access_token有效期7200秒（2小时），开发者必须在自己的服务全局缓存 access_token
接口：https://api.weixin.qq.com/cgi-bin/token
三个参数：appid，secret，grant_type
appid 和 secret 在开发者中心 - 配置项 里可以查看获取在开发者中心 - 配置项 里可以查看获取
grant_type 固定为client_credential

4.1 获取access_token

完整URL


返回的数据结构

4.2获取jsapi_ticket

接口（需要用到前面的 access_token）

返回的JSON格式

4.3 签名算法 sign

参与签名的字段包括 noncestr（随机字符串）,  jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分）

拼接字符串后

4.4 签名算法SHA1加密

SHA1加密 （https://github.com/brix/crypto-js）


加密后


注意
签名用的 noncestr 和 timestamp 必须与 wx.config 中的 nonceStr 和timestamp相同
签名用的 url 必须是调用JS接口页面的完整URL
安全考虑，开发者必须在服务器端实现签名的逻辑

4.5 页面配置

两个步骤

引入微信 JSAPI
调用 wx.config 进行配置

http://res.wx.qq.com/open/js/jweixin-1.0.0.js  (基本) 
http://res.wx.qq.com/open/js/jweixin-1.1.0.js （含摇一摇）

微信 JS API

4.6 页面配置

wx.config

4.6 API示例

5.1 测试篇

做好的页面是不能直接通过手机端浏览器访问的，一定要嵌在微信里
把页面放到一个线上服务器（新浪云）
将测试页面 url 转成二维码，比如http://cli.im/
用微信扫二维码

5.2 线上示例

资源

jsapi_ticket
http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
https://github.com/brix/crypto-js

Thanks