内嵌在微信中的网页,右上角都会有一个默认的分享功能。如下图所示,第一个为自定义的效果,第二个为默认的效果。实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程。
一:准备设置js 借口安全域名:
这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名。
二:前端配置
首先在前端页面引入jssdk 的js 文件
[html] view plain copy
- <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
然后进行前端配置:
[html] view plain copy
- <span style="font-family:Georgia, 'Times New Roman', Times, sans-serif;color:#333333;"> wx.config({
- debug: true,//调试模式
- appId: '<?php echo $signPackage["appId"];?>',// </span><span style="font-family:Georgia, 'Times New Roman', Times, sans-serif;color:#333333;">
- timestamp: <?php echo $signPackage["timestamp"];?>,//生成签名的时间戳
- nonceStr: '<?php echo $signPackage["nonceStr"];?>',//生成签名的随机串
- signature: '<?php echo $signPackage["signature"];?>',
- jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']// 所有要调用的 API 都要加到这个列表中
- });
- wx.ready(function() {
- wx.onMenuShareAppMessage({ //分享给朋友 <