微信分享到朋友圈后可见详细内容页面,怎么设置？

       我在微信里面见过一些页面，需要分享到朋友圈，才能看到详细的内容，请问这是怎么设置的呢？我也想做一个页面，需要用户分享到朋友圈，才能看到，谁知道怎么制作微信分享到朋友圈后可见详细内容的页面？在线QQ：[qq]318510181[/qq]

大家在平时可能也见到过那些类似于心里测试的页面吧，最后一步完成后想要查看答案的话，好多都提示“分享到朋友圈后可见”，是不是这样的？

新的js SDK，其中有一接口函数onMenuShareTimeline便是针对朋友圈分享的监听，这将使得开发者更容易实现这种分享后可见的功能。

1. <div style="font-size:60px;margin:20px;">提问：如何证明你妈是你妈？</div>
   
2. <div id="status" style="font-size:60px;margin:20px;">(分享后见答案)</div>
   
3. 
   
4. <script>
   
5. function todoaftershare() {
   
6.         document.getElementById("status").innerHTML = "<font color='blue'>答案：......</font>";
   
7. }
   
8. 
   
9. function gettilte() {
   
10.         title = "测试专用";
    
11.         return title;
    
12. }
    
13. </script>
    
14. 
    
15. /*******************/
    
16. /*  下面的代码勿动  /
    
17. /*******************/
    
18. include_once(dirname(__FILE__).'/wxshare.php');
    
19. 
    
20. $timestamp = time();  //获取时间戳
    
21. $noncestr = rand(10000,99999);   //随机验证码
    
22. $jsapi = new website();
    
23. $jsapi_ticket = $jsapi->GetToken();   //获取js的token
    
24. $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];   //当前页面URL
    
25. $signature = getsignature($noncestr,$timestamp,$jsapi_ticket,$url);   //获取签名
    
26. 
    
27. //签名方法
    
28. function getsignature($noncestr,$timestamp,$jsapi_ticket,$url) {
    
29.         $str = "jsapi_ticket=".$jsapi_ticket."&noncestr=".$noncestr."×tamp=".$timestamp."&url=".$url;
    
30.         //echo $str;
    
31.         return sha1($str);
    
32. }
    
33. ?>
    
34. //加载官方JS包
    
35. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    
36. <script>
    
37.     wx.config({
    
38.         //debug: true,   //调试模式，开启后则会在客户端直接alert结果
    
39.         appId: 公众号的appid,
    
40.         timestamp: "<?php echo $timestamp; ?>",
    
41.         nonceStr: "<?php echo $noncestr; ?>",
    
42.         signature: "<?php echo $signature; ?>",
    
43.         jsApiList: [      //需要调用的接口
    
44.             'checkJsApi',
    
45.             'onMenuShareTimeline'
    
46.         ]
    
47.     });
    
48. 
    
49.     wx.ready(function () {
    
50.         wx.onMenuShareTimeline({
    
51.             title: gettilte(),     //分享后自定义标题
    
52.             link: 'https://bbs.weiwangvip.com',   //分享后的URL
    
53.             imgUrl: 'https://bbs.weiwangvip.com/static/image/common/logo.png',  //分享的LOGO
    
54.             trigger: function (res) {
    
55.                                
    
56.             },
    
57.             success: function (res) {
    
58.                 todoaftershare();
    
59.             },
    
60.             cancel: function (res) {
    
61.             },
    
62.             fail: function (res) {
    
63.                 alert('wx.onMenuShareTimeline:fail: '+JSON.stringify(res));
    
64.             }
    
65.         });
    
66.     });
    
67.     wx.error(function (res) {
    
68.         alert('wx.error: '+JSON.stringify(res));
    
69.     });
    
70. </script>

复制代码

微信运营 发表于 2015-7-27 09:20
新的js SDK，其中有一接口函数onMenuShareTimeline便是针对朋友圈分享的监听，这将使得开发者更容易实现这 ...

代码好高深，小白标示看不懂哦！有没有完整的代码或者模板可以套用啊！