需要:
APP的scheme,APP開發會提供給你。
附常用的APP的scheme供測試使用:
支付寶:alipay://
微信 :weixin://
淘寶網:taobao://
1.普通瀏覽器跳轉
示例代碼:
myapp改為自己APP的scheme
<a href="alipays://">瀏覽器打開支付寶</a><br /><br />
<a href="weixin://">瀏覽器打開微信</a><br /><br />
<a href="myapp://">瀏覽器打開myapp</a><br /><br />
使用手機訪問網頁地址,手機需安裝相應的應用,即可跳轉
2.釘釘H5應用
前提:
釘釘授權 + 釘釘JSAPI調用跳轉
1.釘釘H5應用需要對APP進行授權。PS.我在開發過程中,遇到一個問題,填寫自己APP的scheme必須純粹,不能攜帶參數和后綴,這點還未得到驗證,是否是釘釘做了過濾。
正確scheme:myapp://
錯誤scheme:myapp://helloworld
myapp://helloworld?param=123
myapp://helloworld:7788/h5
2.引入釘釘的jsapi文檔文件,調用釘釘的內置jsAPI
示例代碼:
// 引入釘釘的jsapi
<script src="https://g.alicdn.com/xxx......"></script>
// html代碼 <a onclick="openAli()">釘釘內打開支付寶</a><br /><br /> <a onclick="openWx()">釘釘內打開微信</a><br /><br /> <a onclick="openApp()">釘釘內打開myapp</a><br /><br /> // js代碼 function openAli(){ dd.alert({ message: '釘釘內打開支付寶' }); dd.openLink({ url:'alipays://' }).then(res => { dd.alert(res) }) } function openWx(){ dd.alert({ message: '釘釘內打開微信' }); dd.openLink({ url: "weixin://" }).then(res => { dd.alert(res) }) } function openApp(){ dd.alert({ message: '釘釘內打開myapp' }); dd.openLink({ url: "myapp://" }).then(res => { dd.alert(res) }) }
使用手機釘釘訪問H5應用,手機需安裝相應的應用,即可成功跳轉。
