您的位置:首页 > 移动开发 > 微信开发

微信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('已注册获取“发送给朋友”状态事件');

};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: