使用uniapp在開發(fā)app的過程中观蜗,會有分享h5的功能只酥,這種功能在我們使用APP的時(shí)候是非常常見的荧降,但是具體怎么實(shí)現(xiàn)呢妈倔?
首先uniapp框架為我們提供了對應(yīng)的api(uni.share)
app上
1.使用?uni.share?API方式調(diào)用社交sdk分享
2.使用?uni.shareWithSystem?呼起手機(jī)os的系統(tǒng)分享菜單
使用:
1.參數(shù)名provider? 分享服務(wù)提供商( weixin )必填
2.參數(shù)名type?分享形式 (0圖文冠骄、1純文字伪煤、2純圖片、3音樂凛辣、4視頻抱既、5小程序)
3.參數(shù)名scene 場景(provider 為weixin時(shí)是必填的)WXSceneSession
4.參數(shù)名 href 為分享的鏈接(需要注意的是在分享后通過h5頁面喚醒a(bǔ)pp,進(jìn)入app的某個(gè)頁面,如果需要攜帶多個(gè)參數(shù)的話可以通過encodeURIComponent來實(shí)現(xiàn)扁誓,如果只需要1個(gè)參數(shù)的話就可以直接跟在路徑后面就可以)
5.參數(shù)名title? 顧名思義就是分享的標(biāo)題
6.參數(shù)名summary是分享的摘要
7.參數(shù)名imageUrl為分享圖片地址
8.success函數(shù)分享成功的回調(diào)以及處理邏輯
9.?fail函數(shù)分享失敗后的回調(diào)以及處理邏輯
那我們分享到微信以后呢防泵,通過點(diǎn)擊h5頁面怎么喚醒a(bǔ)pp呢?
具體操作如下:
openApp() {
? ? ? let platform = uni.getSystemInfoSync().platform;
? ? ? let hidden =
? ? ? ? window.document.hidden ||
? ? ? ? window.document.mozHidden ||
? ? ? ? window.document.msHidden ||
? ? ? ? window.document.webkitHidden;
? ? ? if (platform === "ios") {
? ? ? ? // 條件注釋 : 1.判斷是否是微信瀏覽器 2.判斷是否是ios系統(tǒng) 3.判斷是否是微信瀏覽器的ios系統(tǒng)
? ? ? ? if (typeof hidden == "undefined" || hidden == false) {
? ? ? ? ? window.location.href = ``; //下載地址 可以直接跳轉(zhuǎn)到appstore的
? ? ? ? }
? ? ? }
? ? ? if (
? ? ? ? platform === "android" ||
? ? ? ? platform === "linux" ||
? ? ? ? platform === "windows"
? ? ? ) {
? ? ? ? if (typeof hidden == "undefined" || hidden == false) {
? ? ? ? ? window.location.href = ``; //下載地址
? ? ? ? }
? ? ? }
? ? }