目录
1.创建uniapp项目。
根据开发项目类型,创建uniapp项目(小程序,H5,app) ,配置好项目结构:项目静态文件、插件目录、组件目录、分包结构、页面层级(最好不超过3层);
2.开发uniapp项目。
(1)注意引入插件或者ui库的兼容性,避免打包后无法正常使用。
(2)适配多端使用条件编译。
(3)手机与网页的差异,渲染顺序,默认属性;(注意手机上echarts组件渲染会在最上层,会与弹窗等层级冲突,想办法隐藏显示)
(4)多使用自适应单位,响应式布局;(单位:rpx,rem,vm,vh,%;响应式布局:flex)
3.配置uniapp项目。
(1)manifest.json(设备读取权限:摄像头,扫描,登录支付、appid等等;平台:苹果ios,安卓app,微信小程序,qq等等;)
(2)pages.json(pages,tabbar等等)
4.调试uniapp项目。
(1)微信开发者工具(小程序)
(2)手机基座模拟器(app)
(3)web浏览器(H5,web)
5.打包uniapp项目。
(1)、分包配置。
主包配置:pages.json下一般放置tabbar页面;
"pages": [ //pages数组中第一项表示应用启动页
{
"path": "pages/firing",
"style": {
"navigationBarTitleText": "标题",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}]
各个分包页面:
"subPackages": [{
"root": "pages_c/concomitant",//分包路径
"pages": [{
"path": "address",//分包页面
"style": {
"navigationBarTitleText": "标题",
"enablePullDownRefresh": false
}
},{
//同上
}]
Uni-app中的分包功能可以帮助开发者将应用的代码划分为多个子包,从而实现按需加载和减少首次加载时间的效果。然而,Uni-app中的分包功能也有一些限制,包括:
-
分包数量限制:对于微信小程序,最多支持分包数量为8个;对于其他平台(包括H5、App、支付宝小程序等),最多支持分包数量为16个。
-
分包大小限制:微信小程序中,所有分包(包括主包)的总大小不能超过2MB;其他平台没有严格的分包大小限制,但是过大的分包可能会导致加载时间过长,影响用户体验。
-
运行时限制:分包中的页面只能打开其他同一分包下的页面,无法直接打开主包或其他分包的页面。如果需要在分包间跳转,可以使用uni.navigateTo、uni.redirectTo等API进行跳转。
-
分包预下载限制:微信小程序中,分包预下载功能仅对非独立分包生效,且每个分包最大预下载文件数不能超过20个。
-
跨域请求限制:分包中发起的网络请求默认不受主包的跨域规则控制,需要在分包的配置文件中单独配置跨域规则。
-
H5平台限制:在H5平台上,分包功能需要借助插件实现,因此在某些浏览器或环境下可能存在兼容性问题。
需要注意的是,具体的分包限制可能随着Uni-app版本的更新而有所调整,因此在实际开发中建议查阅Uni-app官方文档以获取最新的限制信息。
上架微信小程序:微信开发者平台上传(上传微信平台等待审核,审核条件符合要求);
(懒得打开微信开发者,懒得配图)
打包安卓:1.云打包使用云端证书(快捷);2.去生成自己的证书(找网站)。
打包ios:比较麻烦,申请苹果开发者账号(要钱/年),通过开发者账号生成证书打包;