最近公司准备开发一个安卓的app,苦于原生开发的成本和无人会安卓技术,决定采用混合开发来实现。基于低学习成本,最终选择了能较快上手的uni-app
技术。
这期间也是一边看文档,一边开发,痛并快乐着。第一次尝试写博客,力求用最简单的文字记录一个项目的开发过程,希望自己能坚持下去!
其实在翻看uni-app
的开发文档,不难发现,他的很多语法和vue
非常像,比方说数组遍历、条件渲染等,只是将vue
的【v】改成了【uni】。
同时其又参考了微信小程序
开发的文档,诸多语法也和小程序比较相似,比方说小程序的生命周期、路由跳转以及传值等。所以这篇文章是基于uni-app
,但是放之vue
和微信小程序
都是可以参考一番的。
一、测试环境、正式环境
uni-app
可通过 process.env.NODE_ENV
判断当前环境是开发环境还是生产环境,对此我们可以根据这一条件来动态切换连接测试服务器或生产服务器
if(process.env.NODE\_ENV === 'development'){
console.log('开发环境')
}else if (process.env.NODE\_ENV === 'production'){
console.log('生产环境')
}
二、请求封装
1、在项目中新建一个baseconfig.js文件,用于存放项目的接口地址,根据不同的环境分别添加测试接口域名和正式接口域名,然后将变量用export default命令模块指定输出:
var baseconfig = {};
//测试地址
if (process.env.NODE_ENV === 'development') {
baseconfig = {
server: 'http://test1/api/',
pdcom: "http://test2/api/",
}
//正式地址
} else if (process.env.NODE_ENV === 'production') { /
baseconfig &#