通过Html网页调用本地安卓app;钉钉H5应用跳转/打开APP
需要:
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应用,手机需安装相应的应用,即可成功跳转。
虚心学习、丰富自己