微信內(nèi)部直接跳轉(zhuǎn)iOS APP,沒安裝直接跳轉(zhuǎn)AppStore
必備配置
1.微信開放平臺
2.UniversalLink
3.服務(wù)器配置
4.分享流程
詳細配置
此項目默認UniversalLink 為 https://www.baidu.com/share/
配置文件apple-app-site-association
{
"applinks":{
"apps":[],
"details":[
{
"appID":"apple開發(fā)網(wǎng)站Identifiers App ID Prefix(Team ID).Bundle ID ",
"paths":["/share/*"]
}
]
}
}
1.微信開放平臺
- 打開微信開放平臺,按文檔進行配置。
- 注意點,配置文件path必須加通配符*。
- 微信開放平臺填入域名和微信SDK初始化的UniversalLink為
https://www.baidu.com/share/
2.UniversalLink
- 工程打開內(nèi)打開Asspciated Domains,配置
applinks:www.baidu.com,填入域名,不需要帶路徑。 - 證書打開Asspciated Domains。
3.服務(wù)器配置
- 將apple-app-site-association文件上傳服務(wù)器,打開
https://www.baidu.com/apple-app-site-association可以下載此文件代表配置成功。 - 在safari打開
https://www.baidu.com/share/下滑可以打開app表示配置正確。 - 上傳一個跳轉(zhuǎn)App Store的html,此處舉例
open.html:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>App Name</title>
<style>
</style>
</head>
<body>
打開App Store.....
</body>
<script>
window.onload = () => {
setTimeout(() => {
location.href = "itms-apps://itunes.apple.com/app/id123456789(此處是appid)"
}, 1000)
}
</script>
</html>
- 將
https://www.baidu.com/這個域名下的所有404重定向到open.html。打開https://www.baidu.com/1234/,顯示打開App Store表示配置正確。
4.分享流程
- 通過微信分享
https://www.baidu.com/html/details/Information-details-share.html?infoId=3aa6debd9806c9462198f999f4eee903&infoType=1&funcCode=004001 - 微信內(nèi)打開此h5,點擊
在App內(nèi)打開h5代碼:
function goIphone() {
if (isIPhone) {
location.;
}
}
- 此時在微信瀏覽器內(nèi)打開第二個鏈接
https://www.baidu.com/share/html/details/Information-details-share.html?infoId=3aa6debd9806c9462198f999f4eee903&infoType=1&funcCode=004001。如果安裝了App就會直接打開App,如果沒有安裝就會跳轉(zhuǎn)open.html跳轉(zhuǎn)到App Store