跨平台应用开发进阶 (四十九) 由环境切换引发的页面通讯机制思考

一、前言

APP 开发完毕，app store 上架审核前存在后台晚于 APP 发布的场景，鉴于 APP 首页页面渲染依赖于后台接口，且苹果上架审核人员对于页面渲染效果比较苛刻，故制定出应用启动时默认连接生产环境，通过接口查询识别到非发版版本时切换到 UAT 环境的应对策略。

二、解决方案

在uni-app实现过程中，APP.vue作为首加载文件，环境切换在此页面的onLoad方法中完成。环境切换完成后，通过页面通讯方式完成页面接口间的依赖关系制定。

APP.vue 通过触发全局的自定义事件方式，告知全局环境切换已完成。

uni.$emit('switchRequestAddress', {msg: true});

APP 首页通过监听全局的自定义事件方式，获悉全局环境切换已完成，可正常进行接口调用。

uni.$once('switchRequestAddress', data => {  console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg);})

通过以上方式便可实现应用正式上架前根据生产环境信息动态切换接口请求环境效果。

感悟: 总体来看，uni-app 开发过程中遇到的问题均可以在 uni-app 官方文档中找到相应的解决方案，所以技术文档还是要熟悉。

三、拓展阅读

• uni-app 页面通讯
  

四、问题描述

应用uni-app进行android自定义基座打包时，发生打包失败，错误提示信息截图如下：

五、问题分析

项目集成极光时引入的依赖包中的gson-2.6.2.jar与依赖中引入的 json 包版本号冲突，导致编译报错。

六、解决方案

删除极光依赖包目录下的gson-2.6.2.jar文件。

七、拓展阅读

• 《Cross-platform APP》