微擎通过jssdk自定义分享设置方法

admin

在做微信开发时自定义分享设置是一个很常见并且实力的功能需求。通常地会把设置的标题，描述，链接，图片等设置集成在参数设置里面。
以下是模板层的示例代码：

1. <html>
   
2. <head>
   
3.     <title>测试 register_jssdk</title>
   
4.     {php echo register_jssdk(true);} <!-- 放到其他引入的 js 之前 -->
   
5. </head>
   
6. 
   
7. <body>
   
8.     <script>
   
9.     wx.ready(function () {
   
10.         sharedata = {
    
11.             title: '微信JS-SDK Demo',
    
12.             desc: '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',
    
13.             link: 'http://demo.open.weixin.qq.com/jssdk/',//本域链接
    
14.             imgUrl: 'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0',//本域链接
    
15.             /*
    
16.             success: function(){
    
17.            
    
18.                 alert('success');
    
19.             },
    
20.             cancel: function(){
    
21.                 alert('cancel');
    
22.             }
    
23.              */
    
24.         };
    
25.                         wx.onMenuShareAppMessage(sharedata);
    
26.                         wx.onMenuShareTimeline(sharedata);
    
27.                         wx.onMenuShareQQ(sharedata);
    
28.                         wx.onMenuShareQZone(sharedata);
    
29.                         wx.onMenuShareWeibo(sharedata);
    
30. //更多调用，查官方文档
    
31. 
    
32.     });
    
33.     </script>
    
34. </body>
    
35. </html>

复制代码

记录一个示例：template

1. {php echo register_jssdk();}
   
2. <script type="text/javascript">
   
3.     wx.ready(function () {
   
4.         sharedata = {
   
5.             title: "{php echo $this->module['config']['stitle']}",
   
6.             desc: "{php echo $this->module['config']['sinfo']}",
   
7.             link: "{php echo $_W['siteroot'].$this->createMobileUrl('into')}",
   
8.             imgUrl: "{php echo $_W['attachurl'].$this->module['config']['simg']}",
   
9. 
   
10.         };
    
11. 
    
12.                         wx.onMenuShareAppMessage(sharedata);
    
13.                         wx.onMenuShareTimeline(sharedata);
    
14.                         wx.onMenuShareQQ(sharedata);
    
15.                         wx.onMenuShareQZone(sharedata);
    
16.                         wx.onMenuShareWeibo(sharedata);
    
17. 
    
18.     });
    
19.     </script>

复制代码

module.php

1. public function settingsDisplay($settings) {
   
2.                 global $_W, $_GPC;
   
3.                 load()->func('tpl');
   
4.                 //点击模块设置时将调用此方法呈现模块设置页面，$settings 为模块设置参数, 结构为数组。这个参数系统针对不同公众账号独立保存。
   
5.                 //在此呈现页面中自行处理post请求并保存设置参数（通过使用$this->saveSettings()来实现）
   
6.                 if(checksubmit('setting')) {
   
7.                         $this->saveSettings($_GPC['data']);
   
8.                         message('修改成功','refresh', 'success');
   
9.                 }else{
   
10.                         include $this->template('setting');
    
11.                 }
    
12. 
    
13.                
    
14.         }

复制代码

setting.html

1. {template 'common/header'}
   
2. {php load()->func('tpl');}
   
3. <div class="panel panel-default">
   
4.   <div class="panel-heading">
   
5.     <h3 class="panel-title">吸粉设置</h3>
   
6.   </div>
   
7.   <div class="panel-body">
   
8.     <form class="form-horizontal" method="post" enctype="multipart/form-data">
   
9.   <div class="form-group">
   
10.     <label for="inputPassword3" class="col-sm-2 control-label">二维码</label>
    
11.     <div class="col-sm-10">
    
12.                 {php echo tpl_form_field_image('data[ewm]',$this->module['config']['ewm'])}
    
13.     </div>
    
14.   </div>
    
15.   <div class="form-group">
    
16.   <label for="inputPassword3" class="col-sm-2 control-label"></label>
    
17.       <div class="col-sm-10">
    
18.         <div class="alert alert-warning alert-dismissible" role="alert">
    
19.   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
    
20.   <strong>注意：</strong> 请将二维码图片尺寸调整为120*120后再上传，否则会错位
    
21. </div>
    
22.     </div>
    
23.         </div>
    
24. 
    
25.   <div class="form-group">
    
26.     <label for="inputPassword3" class="col-sm-2 control-label">分享标题</label>
    
27.     <div class="col-sm-10">
    
28.                 <input type="text" class="form-control" name="data[stitle]" value="{php echo $this->module['config']['stitle']}"/>
    
29.     </div>
    
30.   </div>
    
31.    <div class="form-group">
    
32.     <label for="inputPassword3" class="col-sm-2 control-label">分享描述</label>
    
33.     <div class="col-sm-10">
    
34.                 <input type="text" class="form-control" name="data[sinfo]" value="{php echo $this->module['config']['sinfo']}"/>
    
35.     </div>
    
36.   </div>
    
37.    <div class="form-group">
    
38.     <label for="inputPassword3" class="col-sm-2 control-label">分享图片</label>
    
39.     <div class="col-sm-10">
    
40.                 {php echo tpl_form_field_image('data[simg]',$this->module['config']['simg'])}
    
41.     </div>
    
42.   </div>
    
43.       
    
44.       
    
45.   <div class="form-group">
    
46.     <div class="col-sm-offset-2 col-sm-10">
    
47.       <input type="submit" value="保存" name="setting" class="btn btn-default" />
    
48.           <input type="hidden" name="token" value="{$_W['token']}" />
    
49.     </div>
    
50.   </div>
    
51. </form>
    
52.   </div>
    
53. </div>
    
54. {template 'common/footer'}

复制代码

需要注意的是，register_jssdk()会自动识别，或为普通公众号可以在后台设置借权操作。分享的链接与图片地址必须为本域下的，否则无法显示。