uni-app開發經驗分享十七: 開發微信公衆號(H5)JSSDK 的使用方式

由於這個jssdk被uni-app坑了好多天,做者說支持1.4版本,可是我用1.4的兩個分享的新方法一直不支持。css

最後只能放棄了,期待何時能更新上。api

基本的使用方法:
第一步 - 下載使用方式
下載地址:https://unpkg.com/jweixin-module@1.4.1/out/index.js微信

項目引用:app

 項目下新建模塊,放在該模塊下。
main.js引用:ide

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函數

相關文章
相關標籤/搜索