通过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应用,手机需安装相应的应用,即可成功跳转。

posted @ 2021-05-17 15:50  珂珂keo  阅读(1243)  评论(0编辑  收藏  举报