uniapp app打开时如何向app传递参数

在uniapp开发的APP中，如何在应用启动时向APP传递参数？比如通过URL Scheme或Intent方式传递数据，具体应该怎么实现？希望能提供一个完整的示例代码和配置方法。

2 回复

在uniapp中，可通过以下方式传递参数：

  1. 启动参数：通过URL Scheme或Push消息传递
  2. 全局变量：使用Vuex或globalData存储
  3. 本地存储：uni.setStorageSync保存数据

推荐使用URL Scheme，在onLaunch生命周期中通过options参数获取。


在 UniApp 中，App 启动时传递参数主要通过以下几种方式实现：

1. 启动参数（URL 参数）

适用于通过外部链接或扫码启动 App 的场景，例如从网页或二维码跳转。参数会附加在启动路径中。

代码示例： 在 App.vue 的 onLaunch 生命周期中获取参数：

export default {
  onLaunch(options) {
    // options.query 包含 URL 参数
    console.log('启动参数:', options.query);
    // 示例：若启动链接为 myapp://?id=123&type=test
    // options.query 输出 { id: '123', type: 'test' }
  }
}

2. 全局变量或 Vuex

若参数在应用内部传递（如页面间共享），可使用全局变量或状态管理（Vuex）。

代码示例（全局变量）： 在 main.js 中定义：

Vue.prototype.$globalData = {
  startupParams: { key: 'value' }
};

在页面中使用：

export default {
  onLoad() {
    console.log(this.$globalData.startupParams);
  }
}

3. 本地存储（uni.setStorage）

适合持久化参数，在 App 启动时读取。

代码示例： 存储参数：

uni.setStorageSync('startupParams', { id: 123 });

在 App.vue 中读取：

onLaunch() {
  const params = uni.getStorageSync('startupParams');
  if (params) {
    console.log('存储的参数:', params);
    uni.removeStorageSync('startupParams'); // 可选：清除缓存
  }
}

4. 插件或原生扩展

如需复杂参数（如设备信息），可通过原生插件处理（需平台特定配置）。

注意事项：

  • URL 参数适用于外部唤醒 App，需在 manifest.json 中配置 URL Scheme（如 myapp://）。
  • 避免传递敏感数据，必要时加密处理。
  • 参数长度需符合平台限制（如 iOS URL 长度限制）。

根据实际场景选择合适的方式即可。

回到顶部