(更正)网页自定义分享到QQ、微信

  • 2016-09-16
  • 811
  • 0

如果我们想实现自定义的分享功能,自定义分享后显示的图片和标题、描述以及链接,如下图所示

Q Q 微信
好友/群 好友/群
fx1 fx2
空间 朋友圈
fx3 fx3

首先我们需要了解,微信和QQ都有自己的JSSDK,我将相关文件(share.rar)已经发到群里了,大家可以按照下面说的去修改。

1.下载后,修改你的index.php中的AppID(应用ID)和AppSecret(应用密钥),按Ctrl+S保存你的代码

2.上传解压后的文件夹share到你服务器,如图所示

fx5

3.分别修改 jsapi_ticket.json 和 access_token.json 的权限,如下图所示[直接在FileZilla中右击即可操作]

fx6fx7

4.修改share.js中的标题等,修改成功后,去微信中访问这个index.php,如我的是http://wei.hizmz.com/share/index.php,点击右上角发现分享时一切正常,可以显示图片和标题。

核心代码如下

<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: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
      ]
  });

</script>


如果仍然有疑问,可扫码关注我的个人微信平台

qqgroup___

评论

还没有任何评论,你来说两句吧