微信开发指南

为什么要写这个?

反正和微信相关开发,我是怕了。到现在都没有明白什么是公众号,什么是服务号,开放平台和公众平台有啥区别?
官网文档有时候个别地址还 404;
由于自己没有公司账号权限,每次还要让他们运营扫码登录,烦的一笔;
所以特别记录下,方便自己和大家查阅。有什么不对的,请 qq 我改正:wrench:

接口文档地址

公众平台设置

设置开发者权限

如果你没有这样做再使用微信客户端是获取不到相关信息的


相关域名设置

  1. 业务域名
    设置业务域名后,在微信内访问该域名下页面时,不会被重新排版。(比如:如下图一些非法不安全的提示。)

  2. JS 调用域名(JSSDK)
    你在哪些域名下,可以调用微信的 SDK,使用微信提供的接口,友情提示:可设置顶级域名

  3. 网页授权域名
    貌似不能设置顶级域名,自行做页面中间跳转(由于域名固定,所以只能自己写重定向地址完成特殊需求跳转)

  4. 设置白名单
    开发>基本设置>设置白名单,不然微信不会平白无故接受你的请求

JSSDK 使用步骤

  1. 绑定域名
    先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS 接口安全域名”。
  2. 引入 JS 文件
    http://res.wx.qq.com/open/js/jweixin-1.2.0.js
  3. 通过 config 接口注入权限验证配置(附录有 Q&A)
    config 配置

开放平台设置

设置回调域名

授权方式地址

公众平台

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

开发平台(扫码)

https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

参数说明(参考,具体 api 文档查阅)

参数 是否必须 说明
appid 公众号的唯一标识
redirect_uri 授权后重定向的回调链接地址,请使用 urlEncode 对链接进行处理
response_type code
scope snsapi_base (不弹出授权页面,直接跳转,只能获取用户 openid),snsapi_userinfo (弹出授权页面,可通过 openid 拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息)
state 重定向后会带上 state 参数,开发者可以填写 a-zA-Z0-9 的参数值,最多 128 字节
#wechat_redirect 无论直接打开还是做页面 302 重定向时候,必须带此参数
【长按关注】看看↓↓↓?
Eminoda wechat
【前端雨爸】分享前端技术实践,持续输出前端技术文章
欢迎留言,评论交流,一起讨论前端问题
📢 因为是开源博客,为避免 Gitalk授权 带来的 安全风险,也可访问