import { ref } from "vue"
export const shareHook = () => {
let u = navigator.userAgent,
ua = u.toLowerCase();
const loading = ref(false);
const isAndroid = ref(false);
const isIOS = ref(false);
const isIOS9 = ref(false);
const isWeixin = ref(false);
const version = ref(0);
const showWxToast = ref(false)
const openAppTime = 3000 //跳轉app時間
const openAppStoreTime = 4000 //跳轉到商店時間
checkSystem();
//檢查系統(tǒng)和版本
function checkSystem() {
if (ua.indexOf("micromessenger") > -1) {
isWeixin.value = true;
return
}
else if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
//android終端或者uc瀏覽器
//Android系統(tǒng)
isAndroid.value = true;
}
if (ua.indexOf("like mac os x") > 0) {
//ios
var regStr_saf = /os [\d._]*/gi;
var verinfo = ua.match(regStr_saf);
version.value = Number(
(verinfo + "").replace(/[^0-9|_.]/gi, "").replace(/_/gi, ".")
);
var version_str = version + "";
if (version_str != "undefined" && version_str.length > 0) {
if (version.value >= 8) {
// ios9以上
isIOS9.value = true;
} else {
isIOS.value = true;
}
}
}
}
// 判斷手機上是否安裝了app,如果安裝直接打開url,如果沒安裝,執(zhí)行callback
function openApp(callback: any) {
const urlScheme = "XXXX"
if (loading.value) {
return
}
loading.value = true
if (isAndroid.value) {
let timeout: any,
hasApp = true;
let openScript = setTimeout(function () {
if (!hasApp) {
loading.value = false
callback && callback();
}
document.body.removeChild(ifr);
}, 5000);
var t1 = Date.now();
var ifr = document.createElement("iframe");
ifr.setAttribute("src", urlScheme);
ifr.setAttribute("style", "display:none");
document.body.appendChild(ifr);
//判斷是否能打開APP 如果沒打開打開 hasAPP設置false 同下
timeout = setTimeout(function () {
var t2 = Date.now();
if (t2 - t1 < openAppStoreTime + 100) {
hasApp = false;
}
}, openAppStoreTime);
} else if (isIOS.value) {
var loadDateTime = new Date();
window.setTimeout(function () {
var timeOutDateTime = new Date();
if (Number(timeOutDateTime) - Number(loadDateTime) < openAppStoreTime) {
window.location.;
} else {
window.close();
}
}, 25);
window.location.href = urlScheme;
} else if (isIOS9.value) {
setTimeout(function () {
callback && callback();
loading.value = false
}, openAppTime);
setTimeout(function () {
location.reload();
}, openAppStoreTime);
location.href = urlScheme;
}
}
function goAndriAddr() {
//跳轉到安卓商城地址
let isVivo = ua.indexOf("vivo") != -1;
let isHuawei = ua.indexOf("huawei") != -1;
let isMi = ua.indexOf("redmi") != -1 || ua.indexOf("xiaomi") != -1;
let isMeizu = ua.indexOf("meizu") != -1;
let hreff = "";
if (isVivo) {
hreff = "vivoMarket://details?id=XXX";
} else if (isHuawei) {
hreff = "appmarket://details?id=XXX";
} else if (isMi) {
hreff = "mimarket://details?id=XXX";
} else if (isMeizu) {
hreff = "mstore://details?id=XXX";
} else {
hreff = "XXX"; // 官網下載地址 也可以跳到應用寶
}
window.location.href = hreff;
}
function goIOSAddr() {
跳轉到蘋果商城
window.location.;
}
const toDownLoad = () => {
if (isIOS.value || isIOS9.value) {
openApp(goIOSAddr);
} else if (isAndroid.value) {
openApp(goAndriAddr);
} else if (isWeixin.value) {
showWxToast.value = true
}
};
return {
toDownLoad,
showWxToast,
loading
}
}
H5 跳轉到app或者應用商店 vue3
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關閱讀更多精彩內容
- 如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。希望用最簡單的大白話來幫助那些像我一樣的人。如果...
- 1、Android跳轉到應用商店的APP詳情頁面,以及 Google GMS 各個apk的包 2、android ...
- 閑話少說,直接上代碼 查看應用商店的包名,可以使用當前Activity APP 查看,或者將該應用商店的 apk ...