簡單來說 ,一共四步
1. 微信公眾平台中公眾號設置”的“功能設置”里填寫“JS接口安全域名”。該域名填寫你的項目的域名。
2. 下載jssdk的damo,https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115中拿到jssdk.php文件,確保加載到你的項目中。
3 在php文件或者說是框架的model層調用jssdk.php,
require_once "jssdk.php"; include_once 'config/wechat.php'; $jssdk = new JSSDK($appid, $secret); $signPackage = $jssdk->GetSignPackage();
$appid和$secret分別是微信公眾平台的appid和secret 填入
4 在html視圖文件中加入
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> var title = "{php echo $goods['title']}"; var link = window.location.href+"&u="+"{php echo $_W['fans']['uid']}"; var imgUrl = "{php echo tomedia($piclist[0]);}"; var desc = "您的朋友向你分享這款商品"; 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: [ // 所有要調用的 API 都要加到這個列表中 "onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ" ] }); wx.ready(function () { wx.onMenuShareTimeline({ title: title, // 分享標題 link: link, // 分享鏈接 imgUrl: imgUrl, // 分享圖標 success: function () { // 用戶確認分享后執行的回調函數 }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); wx.onMenuShareAppMessage({ title: title, // 分享標題 desc: desc, // 分享描述 link: link, // 分享鏈接 imgUrl: imgUrl, // 分享圖標 type: 'link', // 分享類型,music、video或link,不填默認為link dataUrl: '', // 如果type是music或video,則要提供數據鏈接,默認為空 success: function () { // 用戶確認分享后執行的回調函數 }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); wx.onMenuShareQQ({ title: title, // 分享標題 desc: desc, // 分享描述 link: link, // 分享鏈接 imgUrl: imgUrl, // 分享圖標 success: function () { // 用戶確認分享后執行的回調函數 }, cancel: function () { // 用戶取消分享后執行的回調函數 } }); }); </script>
link是分享鏈接可以自由拼接你所需要的參數,以上是在朋友圈 ,qq 以及轉發的分享,更多的可以去https://mp.weixin.qq.com查找, 大同小異.