这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 版微信 6.0 分享接口用法, 结合实例形式分析了 JS 版微信 6.0 分享功能原理、接口调用方法与相关使用注意事项, 需要的朋友可以参考下
本文实例讲述了 JS 版微信 6.0 分享接口用法。分享给大家供大家参考,具体如下:
为了净化网络,整顿诱导分享及诱导关注行为,微信于 2014 年 12 月 30 日发布了《微信公众平台关于整顿诱导分享及诱导关注行为的公告》,微信平台开发者发现,原有的微信分享功能不能用了。正在苦于微信分享该怎么解决时,微信于 2015 年 1 月 10 日即时发布了开放 JS-SDK,为微信网站的开发提供了强大的 js 功能。
注:
1. 微信 JS-SDK,提供的分享接口仅是监听分享事件触发时,修改分享的标题、链接等。不能自定义触发分享事件
2. 分享的监听,仅提供了腾讯旗下产品的接口,接口列表:分享到朋友圈、分享给朋友、分享到 QQ、分享到 QQ 空间、分享到腾讯微博;
微信 6.0 之后,原有的 WeixinJSBridge.on('menu:share:timeline', function (argv) {} 不再可以使用,但是微信提供的新的方法 JS-SDK, 官方接口请参见 微信 JSSDK 说明文档
分享接口使用实例:
注:本文介绍的前提是服务器端已经获取的公众平台的 access_token 和 Jsapi_Ticket
一、权限验证配置,注册当前页面使用的分享接口
- //注入权限验证配置
- wx.config({
- debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
- appId: '@AccessTokenManage.AppID', // 必填,公众号的唯一标识
- timestamp:@timestamp , // 必填,生成签名的时间戳
- nonceStr: '@timestamp', // 必填,生成签名的随机串
- signature: '@Common.SecurityHelper.SHA1(sig)',// 必填,签名,见附录1
- jsApiList: [
- //分享接口列表
- 'onMenuShareTimeline',
- 'onMenuShareAppMessage',
- 'onMenuShareQQ',
- 'onMenuShareQZone',
- 'onMenuShareWeibo'
- ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
- });
二、在 ready 事件中,注册监听分享
- //处理成功验证
- wx.ready(function() {
- // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,
- //config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。
- //对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
- //监听,分享到朋友圈
- wx.onMenuShareTimeline({
- title: '标题测试',
- link: 'http://www.phperz.com',
- imgUrl: 'http://www.phperz.com/favicon.ico',
- success: function() {
- appendText('分享成功');
- },
- calcel: function() {
- appendText('已经取消');
- }
- });
- //监听,分享到QQ空间
- wx.onMenuShareQZone({
- title: '标题测试',
- // 分享标题
- desc: '描述测试',
- // 分享描述
- link: 'http://www.phperz.com',
- // 分享链接
- imgUrl: 'http://www.phperz.com/favicon.ico',
- // 分享图标
- success: function() {
- // 用户确认分享后执行的回调函数
- appendText('分享QQ空间成功');
- },
- cancel: function() {
- // 用户取消分享后执行的回调函数
- appendText('分享QQ控件取消');
- }
- });
- //监听,分享给朋友 (type,dataurl基本可以放弃不使用)
- wx.onMenuShareAppMessage({
- title: '标题测试',
- // 分享标题
- desc: '描述测试',
- // 分享描述
- link: 'http://www.phperz.com',
- // 分享链接
- imgUrl: 'http://www.phperz.com/favicon.ico',
- // 分享图标
- type: 'link',
- // 分享类型,music、video或link,不填默认为link
- dataUrl: '',
- // 如果type是music或video,则要提供数据链接,默认为空
- success: function() {
- // 用户确认分享后执行的回调函数
- appendText('分享给朋友成功');
- },
- cancel: function() {
- // 用户取消分享后执行的回调函数
- appendText('分享给朋友取消');
- }
- });
- //监听,分享到QQ
- wx.onMenuShareQQ({
- title: '标题测试',
- // 分享标题
- desc: '描述测试',
- // 分享描述
- link: 'http://www.phperz.com',
- // 分享链接
- imgUrl: 'http://www.phperz.com/favicon.ico',
- // 分享图标
- success: function() {
- // 用户确认分享后执行的回调函数
- appendText('分享到QQ成功');
- },
- cancel: function() {
- // 用户取消分享后执行的回调函数
- appendText('分享到QQ取消');
- }
- });
- //监听,分享到腾讯微博 (基本可以放弃不使用)
- wx.onMenuShareWeibo({
- title: '标题测试',
- // 分享标题
- desc: '描述测试',
- // 分享描述
- link: 'http://www.phperz.com',
- // 分享链接
- imgUrl: 'http://www.phperz.com/favicon.ico',
- // 分享图标
- success: function() {
- // 用户确认分享后执行的回调函数
- appendText('分享到腾讯微博成功');
- },
- cancel: function() {
- // 用户取消分享后执行的回调函数
- appendText('分享到腾讯微博失败');
- }
- });
- appendText('ready事件触发');
- });
关于常用封装实例可参考前面一篇《微信 js-sdk 分享功能接口常用逻辑封装示例》
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0521/331216.html