钉钉中打开的 h5 页面如何跳转第三方 app

在钉钉中打开的H5页面跳转到第三方APP，您可以使用钉钉的js库中的dd.device.launcher.launchApp方法。此外，还可以通过Html网页直接调用本地安卓app，这需要知道APP的scheme。请注意，对于iOS端，若期望在钉钉内打开H5页面时通过Present方式进行转场，可在跳转链接中拼接参数dd_mode=present实现。

在钉钉中打开的H5页面要跳转到第三方App，通常需要使用自定义协议（scheme）或者统一链接（Universal Links）技术。这两种方法都是通过点击H5页面中的链接来唤起已经安装在设备上的应用。

使用自定义协议（scheme）

1. 配置第三方APP：

   • 在第三方APP的AndroidManifest.xml文件中，为你的应用定义一个自定义URL scheme。

     <activity
       android:name=".MainActivity"
       android:launchMode="singleTask">
       <intent-filter>
           <action android:name="android.intent.action.VIEW" />
           <category android:name="android.intent.category.DEFAULT" />
           <category android:name="android.intent.category.BROWSABLE" />
           <!-- 自定义URL scheme -->
           <data android:scheme="your-app-scheme" />
       </intent-filter>
     </activity>
     

2. 在H5页面中创建链接：

   • 在H5页面上创建一个链接，其href属性设置为你刚刚定义的自定义URL scheme。

     <a href="your-app-scheme://some-action?param=value">Open app</a>
     

3. 处理点击事件：

   • 钉钉H5微应用需要能够捕获并处理这个点击事件，然后使用相应的API或方法将用户导航到指定的URL。

使用统一链接（Universal Links）

对于iOS和部分支持的Android设备，可以使用统一链接（Universal Links）来实现从H5页面直接跳转到第三方App。这种方法更安全，因为它不需要暴露自定义URL scheme。

1. 配置第三方APP：

   • 在iOS中，你需要在apple-app-site-association文件中注册你的域名，并且在Xcode项目中启用关联域。
   • 对于Android，你可以使用Firebase Dynamic Links等服务来生成可以在浏览器和原生应用之间共享的链接。

2. 在H5页面中创建链接：

   • 创建一个指向你配置过的统一链接地址的链接。

     <a href="https://your-domain.com/some-action?param=value">Open app</a>
     

3. 处理点击事件：

   • 如果设备上已经安装了支持该统一链接的应用，那么点击链接时会自动打开该应用。如果没有安装，则会跳转到网页版本。