前端uni-app发开的APP怎么接收wx-open-launch-app参数

### uni-app 接收微信小程序 wx-open-launch-app 参数 在uni-app开发的应用中，为了能够接收来自微信小程序通过`wx-open-launch-app`传递过来的参数，需遵循特定配置流程。当从小程序跳转至APP时，会携带一些数据作为启动参数，这些参数可以在APP端获取并解析。 #### 配置manifest.json文件支持deeplink 确保项目根目录下的`manifest.json`已设置允许URL Scheme方式唤醒应用，并定义好对应的scheme名称以及host路径模式[^1]： ```json { "app-plus": { "distribute": {}, "urlScheme": [ { "scheme": "yourappscheme", "hosts": [ { "host": "pathpattern" } ] } ], ... } ``` #### 修改pages.json监听路由变化事件 对于需要处理外部链接唤起场景的页面，在其生命周期函数内注册监听页面加载完成后的回调方法来捕获传入的数据。通常是在`onLoad()`钩子里面实现逻辑判断是否存在query字符串形式附加的信息[^2]: ```javascript export default { onLoad(options){ console.log('options:', options); // 对于从微信小程序跳转而来的请求, 可能包含有scene字段以及其他自定义key-value对 if (options && Object.keys(options).length > 0) { let scene = decodeURIComponent(options.scene || ''); // 进一步解析scene或者其他可能存在的参数... } }, ... }; ``` 需要注意的是，实际应用场景下可能会涉及到安全校验等问题，比如验证来源合法性、防止恶意调用等操作，因此建议开发者根据业务需求做适当调整优化。 #### 处理不同平台差异兼容性问题 由于uni-app编译目标涵盖了多个终端环境（iOS/Android/H5），所以在编写代码过程中要注意区分各平台特有的行为特性，必要时采用条件编译语法提供针对性解决方案。 ```html <!-- 使用条件编译 --> <template> <!-- #ifdef APP-PLUS --> <view v-if="isFromWeChatMiniProgram"> 来源于微信小程序的内容展示区域 </view> <!-- #endif --> <!-- 其他通用UI组件 --> </template> <script> import { getCurrentInstance } from '@vue/runtime-core'; export default { setup(){ const internalInstance = getCurrentInstance(); const isFromWeChatMiniProgram = /MicroMessenger/.test(navigator.userAgent); return { isFromWeChatMiniProgram, }; } } </script> ```