开发uniapp的注意小事项(简单版)

目录

1.创建uniapp项目。

2.开发uniapp项目。

3.配置uniapp项目。

4.调试uniapp项目。

5.打包uniapp项目。 


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中的分包功能也有一些限制,包括:

  1. 分包数量限制:对于微信小程序,最多支持分包数量为8个;对于其他平台(包括H5、App、支付宝小程序等),最多支持分包数量为16个。

  2. 分包大小限制:微信小程序中,所有分包(包括主包)的总大小不能超过2MB;其他平台没有严格的分包大小限制,但是过大的分包可能会导致加载时间过长,影响用户体验。

  3. 运行时限制:分包中的页面只能打开其他同一分包下的页面,无法直接打开主包或其他分包的页面。如果需要在分包间跳转,可以使用uni.navigateTo、uni.redirectTo等API进行跳转。

  4. 分包预下载限制:微信小程序中,分包预下载功能仅对非独立分包生效,且每个分包最大预下载文件数不能超过20个。

  5. 跨域请求限制:分包中发起的网络请求默认不受主包的跨域规则控制,需要在分包的配置文件中单独配置跨域规则。

  6. H5平台限制:在H5平台上,分包功能需要借助插件实现,因此在某些浏览器或环境下可能存在兼容性问题。

需要注意的是,具体的分包限制可能随着Uni-app版本的更新而有所调整,因此在实际开发中建议查阅Uni-app官方文档以获取最新的限制信息。

上架微信小程序:微信开发者平台上传(上传微信平台等待审核,审核条件符合要求);

(懒得打开微信开发者,懒得配图)

打包安卓:1.云打包使用云端证书(快捷);2.去生成自己的证书(找网站)。

打包ios:比较麻烦,申请苹果开发者账号(要钱/年),通过开发者账号生成证书打包;

 

  • 23
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值