微信2.0分享自定义标题、图片、摘要、链接
今天做了一个微信自定义分享图片、标题、内容、链接的页面。因为微信1.0WeixinJSBridge的功能已经大部分停用,所以要用到微信2.0jweixin-1.0.0.js。下面详解一下使用的步骤:
1、首先登陆微信公众号【需要时已经认证过的公众号哦】,在公众号设置里填写自己网站的域名
2、在基本设置里获取自己网站的appid和秘钥
3、根据秘钥和appid生成token,获取token的链接为:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
4、根据access_token 获取ticket
获取的链接为:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
5、根据生成的ticket ,自定义字符串noncestr 和当前服务器的时间戳【秒数】,以及需要被分享的页面的完整url生成页面的签名signature,获取签名的地址为:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
到此微信2.0congfig中需要的重要的参数已经获取完毕,只需要在
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数, 可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: 'appid', // 必填,公众号的唯一标识
timestamp:'1453948736' , // 必填,生成签名的时间戳
nonceStr: 'noncestr', // 必填,生成签名的随机串
signature: 'singature',// 必填,签名
jsApiList: ['onMenuShareAppMessage'] // 必填,需要使用的JS接口列表
});
注意生成签名的timestamp,nonceStr一定要和config中的一致。
自定义的内容在wx.ready中填写即可。
wx.ready(function(){
wx.onMenuShareAppMessage({
title: 'title', // 分享标题
desc: 'desc', // 分享描述
link: 'url', // 分享链接
imgUrl: 'url', // 分享图标
type: 'link', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// alert("分享成功!");
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败
});
});
备注:需要在被分享的页面中引入jweixin-1.0.0.js