当前位置:首页 > 移动互联网 > 微信公众号自定义分享内容实现

微信公众号自定义分享内容实现

一、准备阶段

公众号一个,微网站一个。

 

二、绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注:登录后可在“开发者中心”查看对应的接口权限。

 

三、代码

1 <?php
2 //curl获取请求文本内容
3 function get_curl_contents($url$method ='GET'$data array()) {
4     if ($method == 'POST') {
5         //使用crul模拟
6         $ch = curl_init();
7         //禁用https
8         curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
9         //允许请求以文件流的形式返回
10         curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
11         curl_setopt($ch, CURLOPT_POST, 1);
12         curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
13         curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 30);
14         curl_setopt($ch, CURLOPT_DNS_CACHE_TIMEOUT, 30);
15         curl_setopt($ch, CURLOPT_URL, $url);
16         $result = curl_exec($ch); //执行发送
17         curl_close($ch);
18     }else {
19         if (ini_get('allow_fopen_url') == '1') {
20             $result file_get_contents($url);
21         }else {
22             //使用crul模拟
23             $ch = curl_init();
24             //允许请求以文件流的形式返回
25             curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
26             //禁用https
27             curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
28             curl_setopt($ch, CURLOPT_URL, $url);
29             $result = curl_exec($ch); //执行发送
30             curl_close($ch);
31         }
32     }
33     return $result;
34 }
35 //获取微信公从号access_token
36 function wx_get_token() {
37     $AppID '1235464654';//AppID(应用ID)
38     $AppSecret '705641465sdfasdf456465a4sdf';//AppSecret(应用密钥)
39     $url 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$AppID.'&secret='.$AppSecret;
40     $res = get_curl_contents($url);
41     $res = json_decode($res, true);
42     //这里应该把access_token缓存起来,至于要怎么缓存就看各位了,有效期是7200s
43     return $res['access_token'];
44 }
45 //获取微信公从号ticket
46 function wx_get_jsapi_ticket() {
47     $url = sprintf("https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=%s&type=jsapi", wx_get_token());
48     $res = get_curl_contents($url);
49     $res = json_decode($res, true);
50     //这里应该把access_token缓存起来,至于要怎么缓存就看各位了,有效期是7200s
51     return $res['ticket'];
52 }
53
54 $wx array();
55 //生成签名的时间戳
56 $wx['timestamp'] = time();
57 //生成签名的随机串
58 $wx['noncestr'] = 'Wm3WZYTPz0wzccnW';
59 //jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下,jsapi_ticket的有效期为7200秒,通过access_token来获取。
60 $wx['jsapi_ticket'] = wx_get_jsapi_ticket();
61 //分享的地址,注意:这里是指当前网页的URL,不包含#及其后面部分,曾经的我就在这里被坑了,所以小伙伴们要小心了
62 $wx['url'] = 'http://www.baidu.com';
63 $string = sprintf("jsapi_ticket=%s&noncestr=%s&timestamp=%s&url=%s"$wx['jsapi_ticket'], $wx['noncestr'], $wx['timestamp'], $wx['url']);
64 //生成签名
65 $wx['signature'] = sha1($string);
66 /*
67 注意事项
68 签名用的noncestr和timestamp必须与wx.config中的nonceStr和timestamp相同。
69 签名用的url必须是调用JS接口页面的完整URL。
70 出于安全考虑,开发者必须在服务器端实现签名的逻辑。
71 */
72 ?>

四、视图显示

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

通过config接口注入权限验证配置

1 <script>
2 //通过config接口注入权限验证配置
3 wx.config({
4     debug : false,
5     appId : 'AppID',
6     timestamp : '<?php echo $wx["timestamp"];?>',
7     nonceStr : '<?php echo $wx["noncestr"];?>',
8     signature : '<?php echo $wx["signature"];?>',
9     jsApiList : ['onMenuShareTimeline''onMenuShareAppMessage''onMenuShareQQ''onMenuShareWeibo']
10 });
11 wx.ready(function(){
12     var
13         s_title = '分享标题',   // 分享标题
14         s_link = '分享链接',    // 分享链接
15         s_desc = '分享描述',   //分享描述
16         s_imgUrl = '分享图片'// 分享图标
17     //朋友圈
18     wx.onMenuShareTimeline({
19         title: s_title, // 分享标题
20         link: s_link, // 分享链接
21         imgUrl: s_imgUrl, // 分享图标
22         success: function () { },
23         cancel: function () { }
24     });
25     //发送给好友
26     wx.onMenuShareAppMessage({
27         title: s_title, // 分享标题
28         desc: s_desc, // 分享描述
29         link: s_link, // 分享链接
30         imgUrl: s_imgUrl, // 分享图标
31         type: ''// 分享类型,music、video或link,不填默认为link
32         dataUrl: ''// 如果type是music或video,则要提供数据链接,默认为空
33         success: function () {},
34         cancel: function () {}
35     });
36     //QQ好友
37     wx.onMenuShareQQ({
38         title: s_title, // 分享标题
39         desc: s_desc, // 分享描述
40         link: s_link, // 分享链接
41         imgUrl: s_imgUrl, // 分享图标
42         success: function () { },
43         cancel: function () { }
44     });
45     //腾讯微博
46     wx.onMenuShareWeibo({
47         title: s_title, // 分享标题
48         desc: s_desc, // 分享描述
49         link: s_link, // 分享链接
50         imgUrl: s_imgUrl, // 分享图标
51         success: function () { },
52         cancel: function () { }
53     });
54 });
55 </script>