part1-微信jssdk接口对接

微信官方提供了丰富的接口文档,但是开发接入的时候还是调到很多坑里面找不到原因。这里整理下H5接入微信的详细方法,在每一步中要注意的事项。

平时我们都是说我关注了公众号,其实公众号是包含了服务号、订阅号、企业号。他们的区别,订阅号:主要偏于为用户传达资讯(类似报纸杂志),认证前后都是每天只可以群发一条消息;服务号:主要偏于服务交互(类似银行,114,提供服务查询),认证前后都是每个月可群发4条消息;企业号:主要用于公司内部通讯使用,需要先验证身份才可以关注成功企业号;

根据业务的需求选择选择适合的公众号类型,并且注册成个体户|企业|政府|媒体|个人|组织等类型。


官方提供的步骤:

1.1.1步骤一:绑定域名

1.1.2步骤二:引入JS文件

1.1.3步骤三:通过config接口注入权限验证配置

1.1.4步骤四:通过ready接口处理成功验证

1.1.5步骤五:通过error接口处理失败验证

STEP1     

要想调起js-sdki的步骤按照官方提供的文档绑定域名,在正式的公众号里面绑定域名是需要到ICP备案。如果你没有一个备案的网站可以先不考虑申请公众号来联调接口,可以使用公众号测试账号,点我 。在公众号测试平台里面配置本地的IP地址也是可以被访问的,但是一定要用80端口(坑一)。

图1.测试配置接口域名格式

    如图1,配上域名要去掉http://或是https://,不要问为什么(坑二)。

STEP2   

 接下来引入js库,当然http://res.wx.qq.com/open/js/jweixin-1.0.0.js,同时支持https://res.wx.qq.com/open/js/jweixin-1.0.0.js 的访问。但是如果你的网站是https,就一定要使用https。

STEP3    

配置config稍微复杂且坑多。因为有2次请求和一次加密算法。

第一次请求获取token,接口示例:https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx056377399801fa11&secret=fa875643686b0a52b3b0673267a0022b 获取。token每日上线2000次,每次请求的token一定要缓存2分钟,否则超过限制就不能访问了。

第二次请求获取ticket,接口示例:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=OO3Bwobo0iTZNXKoYyHfXQnYOvBVKW8XsAz0JQ4KOiCWC6QGV176NBzLRNhXGj_uwlCXFg9FzXQVGd7qTpScvxUSwCza7oqp7MJ05jnROvTJbs2hRBztoU3eiDja_n4lDBLeAEALJT&type=jsapi

拿到ticket后我们需要把参数拼接成字符串,然后用sha1来加密:signature:sha1('jsapi_ticket=' + ticketMap.ticket + '&noncestr=' + noncestr + '×tamp=' + timestamp + '&url=' + url),拼接后得到的signature。然后生成了如下配置:url的链接是要带http的,要和测试管理账号图1里面配置的域名保持一致(坑三

图2. 配置好后的config示例

signature的请求要由后台来回去。我的示例是基于node起的服务,并且完成数据的请求和加密。

然后再在wx.ready()里面配置接口,以分享为例:

图3 分享接口配置

点击页面右上角分享好友和扫一扫为例:

图4 点击分享好友回调
图5 分享给好友显示效果


图6 调起扫一扫的功能回调

到此js-sdk的调用已经成功。下面一篇文章先预告,会介绍如何获取用户数据授权登录。

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

推荐阅读更多精彩内容

  • 微信服务号开发 整体流程 域名报备,服务器搭建 Python开发环境和项目的初始化搭建; 微信公众号注册及开发模式...
    飞行员suke阅读 4,612评论 0 14
  • 本文基于工作使用学习,做的整理笔记当我们进行微信分享时,分享出去的效果,我们最容易发现的是没有图,那我们就埋一个3...
    SeasonDe阅读 14,119评论 12 17
  • 开发前首先我们要知道一些概念 各公众号区别:1、订阅号:为媒体和个人提供一种信息传播方式,主要偏于为用户传达资讯(...
    CoderZS阅读 3,238评论 1 19
  • 用一段感情去平息另一段 真的傻
    okubyou阅读 214评论 0 0
  • 昨天,后台有朋友问我,你说世上真的有感同身受这回事吗? 在以前,这个问题我可能并不能告诉你到底有没有,但是现在,我...
    我是情绪怪人啊阅读 546评论 0 0