365体育备用网址报道14.4.1分享到朋友圈后察看内容_365体育备用网址官网资讯

分享到朋友圈的接口开拓中,需要先设置分享参数,包括标题、图标URL、以及链接URL。这些参数用于分享时显示的内容。
另外,在用户确认分享后执行的回调函数中,执行跳转功能。这样就到达了分享后察看内容的效果。
相关代码如下所示。

 1 <?PHP
 2 require_once('wxjssdk.class.php');
 3 $weixin = new class_weixin();
 4 $signPackage = $weixin->GetSignPackage();
 5 
 6 $news = array("Title" =>"微信公众平台开拓实践", "Description"=>"本书共分10章,案例程序采纳广泛流行的PHP、MySQLXMLCSSJavaScriptHTML5等程序语言及数据库实现。", "PicUrl" =>'http://images.cnitblog.com/images/340216/201404/301756448922305.jpg', "Url" =>'http://www.cnblogs.com/txw1958/p/weixin-development-best-practice.html');  
 7 ?>
 8 <!DOCTYPE html>
 9 <html>
10 <head>
11     <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
12     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=no" />
13     <meta name="format-detection" content="telephone=no" />
14     <title>秘密信件</title>
15     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
16     <link rel="stylesheet" href="http://demo.open.weixin.qq.com/jssdk/css/style.css">
17 </head>
18 <body ontouchstart="">
19     点右上角分享后察看
20 </body>
21 <script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
22 <script>
23     wx.config({
24         debug: false,
25         appId: '<?php echo $signPackage["appId"];?>',
26         timestamp: <?php echo $signPackage["timestamp"];?>,
27         nonceStr: '<?php echo $signPackage["nonceStr"];?>',
28         signature: '<?php echo $signPackage["signature"];?>',
29         // url:'<?php echo $signPackage["url"];?>',
30         jsApiList: [
31             // 一切要调用的 API 都要加到这个列表中
32             'checkJsApi',
33             'onMenuShareTimeline',
34             'onMenuShareAppMessage'
35           ]
36     });
37 </script>
38 <script>
39     wx.ready(function () {
40         wx.checkJsApi({
41             jsApiList: [
42                 'onMenuShareTimeline',
43                 'onMenuShareAppMessage'
44             ],
45             success: function (res) {
46             }
47         });
48 
49         wx.onMenuShareTimeline({
50             title: '<?php echo $news['Title'];?>',
51             link: '<?php echo $news['Url'];?>',
52             imgUrl: '<?php echo $news['PicUrl'];?>',
53             trigger: function (res) {
54                 //alert('用户点击分享到朋友圈');
55             },
56             success: function (res) {
57                 //alert('已分享');
58                 window.location.href = "shared.php"; 
59             },
60             cancel: function (res) {
61                 //alert('已取消');
62             },
63             fail: function (res) {
64                 //alert(JSON.stringify(res));
65             }
66         });      
67       
68     });
69 
70     wx.error(function (res) {
71         alert(res.errMsg);
72     });
73  </script>
74 </html>

而分享后的页面的代码如下:

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
  <title>道歉信</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  <link rel="stylesheet" href="http://demo.open.weixin.qq.com/jssdk/css/style.css">
</head>
<body ontouchstart="">
这是分享后察看的内容
</body>
</html>

分享到朋友圈时,效果如图14-2所示。

图14-2分享到朋友圈
如果想猎取用户信息及分享次数的话,能够再加上网页授权,当用户分享的时刻使用回调将用户信息传入后台接口中并记载下来。

------分隔线----------------------------

公布评论 (115人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换亚虎娱乐官网个人中心
最新评论