uni-app開發經驗分享十七: 開發微信公眾號(H5)JSSDK 的使用方式
阿新 • • 發佈:2020-12-24
因為這個jssdk被uni-app坑了好多天,作者說支援1.4版本,但是我用1.4的兩個分享的新方法一直不支援。
最後只能放棄了,期待什麼時候能更新上。
基本的使用方法:
第一步 - 下載使用方式
下載地址:https://unpkg.com/[email protected]/out/index.js
專案引用:
專案下新建模組,放在該模組下。
main.js引用:
var jweixin = require('jweixin-module') //獲取微信公眾號的配置 uni.request({ url: 'xxxxxxxxxxx', dataType: 'text', data: { url: window.location.href.split('#')[0] }, success: res => { var s = JSON.parse(res.data); console.log(s.data); jweixin.config({ debug: false, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。 appId: s.data.appId, // 必填,公眾號的唯一標識 timestamp: s.data.timestamp, // 必填,生成簽名的時間戳 nonceStr: s.data.nonceStr, // 必填,生成簽名的隨機串 signature: s.data.signature.toLowerCase(), // 必填,簽名,見附錄1 jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone"] }); jweixin.ready(function () { //獲取“分享到QQ”按鈕點選狀態及自定義分享內容介面(即將廢棄) jweixin.onMenuShareQQ({ title: title, // 分享標題 desc: desc, // 分享描述 link: url, // 分享連結 imgUrl: imgurl, // 分享圖示 success: function () { // 使用者確認分享後執行的回撥函式 }, cancel: function () { // 使用者取消分享後執行的回撥函式 } }); //獲取“分享給朋友”按鈕點選狀態及自定義分享內容介面(即將廢棄) jweixin.onMenuShareAppMessage({ title: title, // 分享標題 desc: desc, // 分享描述 link: url, // 分享連結 imgUrl: imgurl, // 分享圖示 type: '', // 分享型別,music、video或link,不填預設為link dataUrl: '', // 如果type是music或video,則要提供資料鏈接,預設為空 success: function () { // 使用者確認分享後執行的回撥函式 }, cancel: function () { // 使用者取消分享後執行的回撥函式 } }); //獲取“分享到朋友圈”按鈕點選狀態及自定義分享內容介面(即將廢棄) jweixin.onMenuShareTimeline({ title: title, // 分享標題 desc: desc, // 分享描述 link: url, // 分享連結 imgUrl: imgurl, // 分享圖示 type: '', // 分享型別,music、video或link,不填預設為link dataUrl: '', // 如果type是music或video,則要提供資料鏈接,預設為空 success: function () { // 使用者確認分享後執行的回撥函式 }, cancel: function () { // 使用者取消分享後執行的回撥函式 } }); //獲取“分享到騰訊微博”按鈕點選狀態及自定義分享內容介面 jweixin.onMenuShareWeibo({ title: title, // 分享標題 desc: desc, // 分享描述 link: url, // 分享連結 imgUrl: imgurl, // 分享圖示 type: '', // 分享型別,music、video或link,不填預設為link dataUrl: '', // 如果type是music或video,則要提供資料鏈接,預設為空 success: function () { // 使用者確認分享後執行的回撥函式 }, cancel: function () { // 使用者取消分享後執行的回撥函式 } }); //獲取“分享到QQ空間”按鈕點選狀態及自定義分享內容介面(即將廢棄) jweixin.onMenuShareQZone({ title: title, // 分享標題 desc: desc, // 分享描述 link: url, // 分享連結 imgUrl: imgurl, // 分享圖示 type: '', // 分享型別,music、video或link,不填預設為link dataUrl: '', // 如果type是music或video,則要提供資料鏈接,預設為空 success: function () { // 使用者確認分享後執行的回撥函式 }, cancel: function () { // 使用者取消分享後執行的回撥函式 } }); }); }, fail: err => { console.log('request fail', err); } });
轉載於:https://blog.csdn.net/qq_24347541/article/details/89710562