微信JS-SDK说明文档的使用
2017-04-20 16:57
323 查看
注意:
* 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
* 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
* 3. 完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
步骤:1,绑定域名
2.引入一个js
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
3.步骤三:通过config接口注入权限验证配置,有点在附录里面可以找到,有点需要后台人员提供
wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名。当那个网站里面附录1自己找 jsApiList: [] // 必填,需要使用的JS接口列表,有固定的接口名称附录2。你想要那个功能就写哪个。 });
步骤四:通过ready接口处理成功验证
wx.ready(function () {// 1 判断当前版本是否支持指定 JS 接口,支持批量判断
document.querySelector('#checkJsApi').onclick = function () {
wx.checkJsApi({
jsApiList: [
'getNetworkType',
'previewImage'
],
success: function (res) {
alert(JSON.stringify(res));
}
});
};
// 2. 分享接口
// 2.1 监听“分享给朋友”,按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareAppMessage').onclick = function () {
wx.onMenuShareAppMessage({
title: '互联网之子 方倍工作室',
desc: '在长大的过程中,我才慢慢发现,我身边的所有事,别人跟我说的所有事,那些所谓本来如此,注定如此的事,它们其实没有非得如此,事情是可以改变的。更重要的是,有些事既然错了,那就该做出改变。',
link: 'http://movie.douban.com/subject/25785114/',
imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',
trigger: function (res) {
alert('用户点击发送给朋友');
},
success: function (res) {
alert('已分享');
},
cancel: function (res) {
alert('已取消');
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
alert('已注册获取“发送给朋友”状态事件');
};
相关文章推荐
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档
- 微信js sdk使用说明
- 微信网页开发,JS-SDK说明文档(openLocation地图错误)
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档及常见问题处理
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档 能调用微信扫一扫 ,那能不能让浏览器支持微信支付呢
- 微信分享功能JS-SDK说明文档
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档
- 微信开发之微信JS-SDK说明文档
- 微信JS-SDK说明文档
- 微信JS-SDK说明文档---自己总结了config时的参数获取方式
- 微信JS-SDK说明文档【申明:来源于网络】
- 微信JS-SDK说明文档---自己总结了config时的参数获取方式
- 最新微信js-sdk使用 demo
- 微信JS-SDK官方支付接口在THINKPHP中使用