在測試階段,我通過修改hosts文件將對應的域名解析為127.0.0.1。?然後把電腦和手機連接到同壹個局域網。將手機代理修改為局域網內電腦的IP地址;從而可以正常測試手機;
2.介紹JSSDK腳本src = '/open/js/jweixin-1 . 0 . 0 . js '
3.配置jssdk,成功後才能使用相關功能,如下。
wx.config({
Debug: false,//開啟調試模式,所有被調用API的返回值都會顯示在客戶端告警中。如果想查看進來的參數,可以在pc端打開,參數信息會通過日誌打印出來,日誌只會在pc端打印。
AppId: 'XX ',//必選,微信官方賬號的唯壹標識。
Timestamp: XX,//必選,生成簽名的時間戳。
非中心:?Xx,//必選,生成簽名的隨機字符串。
簽名:xx,//必選,簽名,見附錄1。
JSAPI列表:[' onmenusharepointimeline ',' OnMenuShareAppMessage ']//必需,要使用的JS接口列表。有關所有JS接口的列表,請參見附錄2。
});
剛接觸的時候,在這裏看到網上沒有過多解釋簽名的文章。我想說這個參數是通過獲取微信官方賬號的id和secret獲得access _token,然後通過access _token獲得jsapi_ticket,再通過時間戳、隨機字符串、當前頁面url通過sha1加密生成的。(這裏說明壹下,這壹步是後臺處理,然後返回前端);
第壹次接觸,領導認為純前端可以實現,這。。。可以實現,這裏就不做過多解釋了;至於後端處理的原因,大致是兩點:1,微信官方賬號id和secret在前端實現不安全。2.access _token和jsapi_ticket受每天請求次數限制,過期時間為兩小時,需要在後臺緩存在服務器中,每兩小時獲取壹次;
4.如果wx.config的配置正確,可以通過wx.ready調用相應的函數
wx.ready(function() {
Wx.onMenuShareTimeline({ //分享朋友圈。
標題:' X ',//共享標題。
Link: window.location.href,//分享鏈接。
ImgUrl: url,//共享圖標
成功:函數(){
//用戶確認共享後執行的回調函數。
Console.log('分享成功,呦呦')
},
取消:函數(){
//用戶取消共享後執行的回調函數。
}
});
wx.onMenuShareAppMessage({?//?朋友分享
標題: '',//共享標題。
Desc:' ',//分享描述
Link: window.location.href,//分享鏈接。
ImgUrl:' ',//共享圖標
成功:函數(){
//用戶確認共享後執行的回調函數。
},
取消:函數(){
//用戶取消共享後執行的回調函數。
}
});
});
總結:其實前端處理的很少,只要從後臺獲取簽名簽名,就可以調用方法;詳見官方文件;不要被第壹次認識的朋友嚇到,就這麽簡單;