uni-app
首先了解一下uni-app的混合开发模式
- 网页与APP的混合
- app里面有一个webView的组件 可以填写一个网页地址(所在的页面是前端开发内容)
- webView就是一个APP内置小浏览器
- 特点:断网后还在(原生组件),断网后部件(webView)
二次编译
- 前端按照一定规则写代码(js+组件)
- 通过编译生成app原声代码和组件
- 打包(云开发)
- 生成安卓app或者ios
好处以及有点有哪些?
- 省钱省时间省人力跨平台
- uni-app对前端开发人员比较友好,学习成本比较低,首先uni-app是基于vue.js的。其次封装的组件和微信小程序的组件一毛一样
- uni-app使用HBX进行开发,HBX对于vue语法等支持可以说是比较完备了。
以及缺点
- uni-app问世的时间还比较短,有很多地方还不是完善,坑很多
组件以及API的使用
//网络请求演示
uni.request({
url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。
data: {
text: 'uni.request'
},
header: {
'custom-header': 'hello' //自定义请求头信息
},
success: (res) => {
console.log(res);
this.joks = res.data.result;
}
});
//条件编译
<!-- #ifdef APP-PLUS -->
<view>APPd独享</view>
<!-- #endif -->
// H5网页端 MP微信小程序 APP-PLUS app端配置
注:API很多,只要记住一些常用的就可以,具体参考官网