微信定制开发系列一——使用H5调用微信JS-SDK

发送到手机
使用"扫一扫"即可发送至手机

微信公众平台现已面向开发者开放了微信内网页开发工具包(微信JS-SDK)

目前已公布的接口有:

1、分享类接口

支持获取“分享到朋友圈”、“发送给朋友”、“分享到QQ”和“分享到微博”按钮的用户点击状态,同时支持自定义分享内容。

2、图像类接口

支持拍照、从手机相册选择图片、上传图片、下载图片、预览图片功能。

3、音频类接口

支持实现录制、播放、暂停播放语音等功能,同时支持将语音快速上传到云端服务器或从云端服务器将语音快速下载到网页。

4、智能类接口

支持将语音快速地转换成文字。开发者无需掌握语音识别相关技术,只需简单地引用微信JS-SDK提供的方法即可实现。

5、设备信息类接口

支持获取当前手机设备的网络状态,如2g、3g、4g或wifi,为用户提供流畅的浏览体验。

6、地理位置类接口

支持获取用户的地理位置信息(需用户同意),支持使用微信内置的地图查看器查看地理位置或导航。

7、界面操作类接口

支持隐藏或显示微信内置浏览器“右上角菜单”、“分享到朋友圈”、“发送给朋友”、“复制链接”等指定的按钮,支持关闭当前网页窗口以返回公众号会话。

8、微信扫一扫接口

支持使用微信扫一扫,扫描一维码或二维码,并将用户扫码内容交由微信处理或返回给网页由网页处理。

9、微信小店接口

支持从网页跳转到指定的微信小店商品页,商品页支持浏览商品的详细信息,支持完整的购买、客服等流程。

10、微信卡券接口

支持添加卡券、查看卡券及调起卡券列表等功能。

11、微信支付接口

支持有支付权限的公众号在网页发起一个微信支付请求。

这些微信接口中,除了图像类接口和地理位置类接口中的部分功能,其他大多数本身就是微信才有的功能,无法通过普通浏览器提供的标准接口获得。所以,有了这个JS-SDK,今后基于微信的Web-App能提供给用户的功能一下子变多了起来:语音聊天、识别语音转成文字、跳转到指定的微信小店商品页购买并和客服沟通、调起微信卡包等。这对舍弃原生App,专注做基于微信的H5 Web-App的开发者来说是极大的利好。

另外,这些接口集所提供的功能甚至足够开发者做出一个“只能在微信内使用的网页版微信”了。前提只有一个:这个开发者得够无聊。

好了,官方文档结束,接下来我们来点干货:

其实呢,在进行微信H5开发的时候,我们需要做的事情主要是两个:

一个是获取微信token的接口,然后保存在本地;

第二就是要做微信的config配置,如下图:

blob.png

看上面的代码,需要提醒大家注意的是一定不能把wx.ready给漏掉,否则所有的微信相关js都无效。其实在做微信H5开发调用js-sdk里面的方法时,最容易出问题的就是config了,一般来说常见的问题有签名错误,无效的url_domain,这几个错误,造成以上两点错误的原因呢,其实很简单。

签名错误:按照官方文档参加签名以及排序正确的情况下还是出错,那错误原因肯定是当前页面的url地址跟你参加签名的url地址有出入,需要注意大小写这些一定要一样,否则都会被提示签名错误。

无效的url_domain:这个错误原因就是需要在微信的后台公众号设置—功能设置里面添加当前的域名即可。

阅读相关主题
微信定制开发系列一——使用H5调用微信JS-SDK

微信定制开发系列一——使用H5调用微信JS-SDK

分享:

标签: