SmallFox

如何实现微信自定义分享?
教你如何实现分享到朋友圈和朋友自定义标题简介和缩略图首先你需要一个微信公众号 将你的网站ip设为微信的白名单 并添...
扫描右侧二维码阅读全文
08
2017/12

如何实现微信自定义分享?

教你如何实现分享到朋友圈和朋友自定义标题简介和缩略图

首先你需要一个微信公众号 将你的网站ip设为微信的白名单 并添加js安全域名

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

然后复制AppID和AppSecret

下载dome

http://demo.open.weixin.qq.com/jssdk/sample.zip

复制你想要的 比如php

加载配置

页面最开始的地方加上

<?php 
  require_once "jssdk.php";
  $jssdk = new JSSDK("这里填AppID", "这里填AppSecret");
  $signPackage = $jssdk->GetSignPackage();
?> 

然后页面最下面加上

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 wx.config({
          debug: false,
          appId: '<?php echo $signPackage["appId"];?>',
          timestamp: <?php echo $signPackage["timestamp"];?>,
          nonceStr: '<?php echo $signPackage["nonceStr"];?>',
          signature: '<?php echo $signPackage["signature"];?>',
          jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
          ]
      });
  
      wx.ready(function(){
        
        wx.onMenuShareTimeline({
              title: '标题',
              link: '链接',
              imgUrl: '缩略图地址',
              trigger: function (res) {
                   //分享前
              },
              success: function (res) {
                    //分享成功
              },
              cancel: function (res) {
                    //分享取消
              },
              fail: function (res) {
                  //分享失败
              }
          });
});

使用途中遇到问题可以给我留言

Last modification:July 12th, 2018 at 09:21 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment