前一段之间做微信自定义分享，积累了一些经验，分享给大家。
步骤一、二在微信开发者文档中已经很详细了，直接从步骤三开始吧。
步骤三要参数微信的参数，除了appId之外，其他的参数都是动态的，这里，我用的php语言，在后端生成的参数，代码如下：
php端代码：
|
1
2
3
4
5
6
7
|
public function getwxinfo(){ $dataurl = I('dataurl'); include('./ThinkPHP/Library/Vendor/jssdk/jssdk.php'); $jssdk = new \JSSDK('appId','appSecret'); $signPackage = $jssdk->GetSignPackage($dataurl); exit(response('1','ok',$signPackage)); } |
生成签名时，必须获取当前页面的URL，所以$dataurl是通过下面JS动态获取的，切记。
JS端代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
var dataurl = window.location.href; $.ajax({ type:'post', data:{'dataurl':dataurl}, url:'/index.php/Home/Index/getwxinfo', dataType:'json', success:function(json){ var list = json.data; var appId = list.appId; var timestamp = list.timestamp; var nonceStr = list.nonceStr; var signature = list.signature; weixinInfo(appId,timestamp,nonceStr,signature); }, error:function() { //alert('网络不给力哦...') } }); function weixinInfo(appId,timestamp,nonceStr,signature){ wx.config({ debug: false, appId: appId, timestamp:timestamp , nonceStr:nonceStr, signature:signature, jsApiList: [ 'checkJsApi', //判断当前客户端版本是否支持指定JS接口 'onMenuShareTimeline', //分享到朋友圈 'onMenuShareAppMessage', //分享给好友 'onMenuShareQQ', //分享到QQ 'onMenuShareWeibo' //分享到微博 ] }); } wx.ready(function () { //微信好友 var s_title = '分享标题'; var s_desc = '分享描述'; var s_link = '分享后的链接'; var s_imgUrl = '图片链接'; wx.onMenuShareAppMessage({ //例如分享到朋友圈的API title: s_title, // 分享标题 desc: s_desc, // 分享描述 link: s_link, // 分享链接 imgUrl: s_imgUrl, // 分享图标 success: function () { }, cancel: function () { } }); //朋友圈 wx.onMenuShareTimeline({ title: s_title, // 分享标题 link: s_link, // 分享链接 imgUrl: s_imgUrl, // 分享图标 success: function () { }, cancel: function () { } }); //QQ好友 wx.onMenuShareQQ({ title: s_title, // 分享标题 desc: s_desc, // 分享描述 link: s_link, // 分享链接 imgUrl: s_imgUrl, // 分享图标 success: function () { }, cancel: function () { } }); }); wx.error(function (res) { <br>alert(res.errMsg); //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示 <br>}); |
就这么简单。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
