uniapp开发的APP页面如何设置deeplink URL代码实现

要设置deeplink URL，可以按照以下步骤进行操作：

1. 在manifest.json文件中，添加"app-plus"键，值为一个对象，其中包含"launch_path"键，值为你想要设置的deeplink URL路径。例如：

"app-plus": {
  "launch_path": "/myapp/deeplink"
}

2. 在uni-app中，可以使用uni.navigateTo和uni.redirectTo方法来跳转到deeplink URL。例如：

uni.navigateTo({
  url: '/myapp/deeplink'
});

3. 在webview中，可以通过location.href属性来跳转到deeplink URL。例如：

location.href = 'myapp://deeplink';

需要注意的是，deeplink URL需要和APP中的路由设置保持一致，否则跳转可能会失败。另外，在使用deeplink URL时，需要保证APP已经被安装并处于运行状态。

相关问题

h5跳转deeplink链接的uniapp的页面代码实现

1. 在uniapp的页面中，可以使用uni.navigateTo方法跳转到其他页面，也可以使用uni.openUrl方法打开deeplink链接。

2. 如果要使用uni.navigateTo方法跳转到其他页面，需要在目标页面中设置一个url参数，用于指定要跳转到的deeplink链接。例如：

// 跳转到目标页面
uni.navigateTo({
  url: '/pages/target/target?url=deeplink://...'
})

3. 在目标页面中，可以使用uni.getStorageSync方法获取url参数，然后通过uni.openUrl方法打开deeplink链接。例如：

// 获取url参数
const url = uni.getStorageSync('url')

// 打开deeplink链接
uni.openUrl({
  url: url
})

4. 注意，使用uni.openUrl方法打开deeplink链接时，需要在manifest.json文件中添加相应的权限配置。例如：

"app-plus": {
  "name": "My App",
  "permissions": {
    "system": {
      "launch_app": true,
      "open_url": true
    }
  }
}

uniapp Deeplink

### 如何在 UniApp 中实现 Deeplink 功能

#### 实现原理
Deeplink 是一种允许应用程序通过 URL 启动并导航至特定页面的技术。对于 UniApp 应用而言，可以通过监听启动参数来解析传入的 URL 并跳转到相应的页面[^1]。

#### 配置 AndroidManifest.xml 文件
为了使应用能够响应外部链接，在 `AndroidManifest.xml` 文件中需配置 `<intent-filter>`：

<activity android:name=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.VIEW"/>
        <category android:name="android.intent.category.DEFAULT"/>
        <category android:name="android.intent.category.BROWSABLE"/>
        <!-- 替换成自己的域名 -->
        <data android:scheme="https"
              android:host="example.com"/>
    </intent-filter>
</activity>

此设置使得当用户点击指向该主机名的 HTTPS 链接时会触发应用打开操作[^3]。

#### 修改 pages.json 添加路径映射规则
为了让不同类型的 deep link 映射到不同的页面，可以在项目的 `pages.json` 文件里定义路由表：

{
  "globalStyle": {
    ...
  },
  "routes":[
     {"path":"/index","alias":"/"},
     {"path":"/article/:id"}
   ]
}

这里 `/article/:id` 表示带有动态 ID 参数的文章详情页路径模式匹配。

#### 处理 Deep Link 数据
在 App.vue 或者 main.js 的入口文件处加入如下代码片段用于捕获启动参数：

// app.vue or main.js
export default {
  onLaunch(options){
      console.log('launch options:',options);
      
      if (options && options.query) { // 判断是否有 query 参数传递过来
          const path = options.path;
          this.$router.push({path,query:options.query});
      }
  }
};

这段逻辑会在每次应用被deeplink唤醒的时候执行，并依据获取到的信息重定向到目标位置[^2]。