写点什么

研究 uni-app 的第五天

作者:黎燃
  • 2022 年 6 月 16 日
  • 本文字数:688 字

    阅读完需:约 2 分钟

研究uni-app的第五天

判断平台

平台判断有两种场景:一种是在编译时,另一种是在运行时。编译时判断编译时判断,即条件编译。编译包后,不同的平台有不同的代码。


alert('只有h5平台才有alert方法');
复制代码


上述代码只会编译到 H5 分发包中,其他平台的包不会包含上述代码。运行时判断运行时判断意味着代码已经输入到包中,仍然需要在运行时判断平台。在这种情况下,可以使用 uni getSystemInfoSync()。平台判断客户端环境是 Android、IOS 还是小程序开发工具(百度小程序开发工具使用 uni.getsysteminfosync(),微信小程序开发工具和支付宝小程序开发工具平台返回值均为 devtools)。


switch (uni.getSystemInfoSync().platform) {  case 'android':    console.log('运行Android上');    break;  case 'ios':    console.log('运行iOS上');    break;  default:    console.log('运行在开发者工具上');    break;}
复制代码

uni-app 路由

Uni app 页面路由由框架统一管理。开发人员需要使用页面配置 JSON 中每个路由页面的路径和页面样式。应用程序中也有类似的小程序。JSON 中配置的页面路由是相同的。因此,uni-app 的路由使用与 Vue 路由器不同。如果仍要使用 Vue 路由器管理路由,可以在插件市场中搜索 Vue 路由器。运行环境判断开发环境和生产环境可以通过 process env 访问 Uni app。NODE\Env 确定当前环境是开发环境还是生产环境。通常用于连接测试服务器或生产服务器的动态切换。在 hbuilderx 中,单击“运行”编译的代码是开发环境,单击“发布”编译的代码是生产环境 CLI 模式是处理编译环境的常用方式。


if(process.env.NODE_ENV === 'development'){    console.log('开发环境')}else{    console.log('生产环境')}
复制代码



发布于: 刚刚阅读数: 6
用户头像

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

评论

发布
暂无评论
研究uni-app的第五天_uni-app_黎燃_InfoQ写作社区