1、服務端獲取微信分享配置所需的信息
1.1:通過APPID和APPSECRET獲取access_token值:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
1.2:通過access_token獲取jsapi_ticket:
https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=accessToken
1.3:通過jsapi_ticket、noncestr、timestamp通過sha1()方法加密獲取簽名:
$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url";
$signature = sha1($string);
2、前端頁面
2.1:引入js文件:https://res.wx.qq.com/open/js/jweixin-1.0.0.js
2.2:初始化配置:
<script>
wx.config({
debug: false, // 開啓調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時纔會打印。
appId: '', // 必填,公衆號的唯一標識
timestamp: '', // 必填,生成簽名的時間戳
nonceStr: '',// 必填,生成簽名的隨機串
signature: '',// 必填,簽名
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo'
] // 必填,需要使用的JS接口列表
});
wx.ready(function () {
var shareDataDesc = {
title: '',// 分享標題
desc: '',// 分享文案
link: '',// 分享頁面鏈接
imgUrl: ''// 分享圖片url
};
wx.onMenuShareAppMessage(shareDataDesc);
wx.onMenuShareTimeline(shareDataDesc);
});
</script>