1先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「JS接口安全域名」 要在微信公衆號中添加一個當前分享網頁的域名php
2引入JS文件 <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>前端
3後臺引入安全
require_once ('jssdk.php'); $jssdk = new JSSDK("*****appid****", "*****AppSecret******"); $signPackage = $jssdk->GetSignPackage();
輸出 變量到前端微信
<script> wx.config({ debug: false, appId: "<{$signPackage.appId}>", timestamp: "<{$signPackage.timestamp}>", nonceStr: "<{$signPackage.nonceStr}>", signature: "<{$signPackage.signature}>", jsApiList: [ // 全部要調用的 API 都要加到這個列表中 'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ' ] }); wx.ready(function () { // 在這裏調用 API var title = '標題', // 分享標題 link = '連接內容', // 分享連接 desc = '分享內容描述', //分享描述 imgUrl = '圖片url'; // 分享圖標 //朋友圈
wx.onMenuShareTimeline({ title: '', // 分享標題 link: '', // 分享連接 imgUrl: '', // 分享圖標 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } });
//發送給好友
wx.onMenuShareAppMessage({ title: '', // 分享標題 desc: '', // 分享描述 link: '', // 分享連接 imgUrl: '', // 分享圖標 type: '', // 分享類型,music、video或link,不填默認爲link dataUrl: '', // 若是type是music或video,則要提供數據連接,默認爲空 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } });
//分享到QQ
wx.onMenuShareQQ({ title: '', // 分享標題 desc: '', // 分享描述 link: '', // 分享連接 imgUrl: '', // 分享圖標 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } });
//分享到微博
wx.onMenuShareWeibo({ title: '', // 分享標題 desc: '', // 分享描述 link: '', // 分享連接 imgUrl: '', // 分享圖標 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } });
}); </script>
調試完畢後關閉app
debug: false, 搞定