uni-app黑马优购项目学习记录(七)

简介: uni-app黑马优购项目学习记录(七)

11. 发布

11.1 为什么要发布

  1. 小程序只有发布之后,才能被用户搜索并使用
  2. 开发期间的小程序为了便于调试,含有 sourcemap 相关的文件,并且代码没有被压缩,因此体积较大,不适合直接当作线上版本进行发布
  3. 通过执行 “小程序发布”,能够优化小程序的体积,提高小程序的运行性能

11.2 发布小程序的流程

  1. 点击 HBuilderX 菜单栏上的 发行 -> 小程序-微信(仅适用于uni-app)
  1. 在弹出框中填写要发布的小程序的名称AppId之后,点击发行按钮:
  1. HBuilderX 的控制台中查看小程序发布编译的进度
  1. 发布编译完成之后,会自动打开一个新的微信开发者工具界面,此时,点击工具栏上的上传按钮

在这里插入图片描述

  1. 填写版本号项目备注之后,点击上传按钮
  1. 上传完成之后,会出现如下的提示消息,直接点击确定按钮即可:

在这里插入图片描述

  1. 通过微信开发者工具上传的代码,默认处于版本管理开发版本列表中,如图所示:

在这里插入图片描述

>上述网站在[微信公共平台](https://mp.weixin.qq.com/)

  1. 开发版本提交审核 -> 再将 审核通过的版本发布上线,即可实现小程序的发布和上线

11.3 发布为 Android App 的流程

  1. 点击 HBuilderX 状态栏左侧的未登录按钮,弹出登录的对话框:

在这里插入图片描述

  1. 在弹出的登录对话框中,填写账号密码之后,点击登录即可:

    没登陆的点击注册,登录后显示没验证的按提示进行验证即可
![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/a2cc95d423e7421fb4218e61b2a34557.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rW35bqV54On54Ok5bqXYWk=,size_20,color_FFFFFF,t_70,g_se,x_16)    



  1. 打开项目根目录中的 manifest.json 配置文件,在基础配置面板中,获取uni-app 应用标识,并填写应用名称

    在这里插入图片描述

  2. 切换到 App 图标配置面板,点击浏览按钮,选择合适的图片之后,再点击自动生成所有图标并替换即可:

    在这里插入图片描述

  3. 点击菜单栏上的 发行 -> 原生 App-云打包

    在这里插入图片描述

  4. 勾选打包配置如下:
    在这里插入图片描述
  1. 控制台中查看打包的进度信息
  1. 点击链接下载 apk 的安装包,并安装到 Android 手机中查看打包的效果。
注意:由于开发期间没有进行多端适配,所以有些功能在 App 中无法正常运行,例如:选择收货地址、微信登录、微信支付
相关文章
|
前端开发
uni-app 开源资源汇总
如下是使用 uni-app 的开源案例,我们相信还有更多优秀案例,没有被我们采集到,欢迎大家到 项目案例征集 提交。
10045 3
|
2月前
|
Android开发
『京墨』开源的诗文(名句)、歇后语、成语、绕口令、节日等的阅读 APP
『京墨』开源的诗文(名句)、歇后语、成语、绕口令、节日等的阅读 APP
92 0
|
6月前
|
存储 搜索推荐 定位技术
【开题报告】基于uni-app的高校新生报道APP的设计与实现
【开题报告】基于uni-app的高校新生报道APP的设计与实现
|
6月前
|
存储 开发框架 JavaScript
【开题报告】基于uni-app的校园活动签到APP的设计与实现
【开题报告】基于uni-app的校园活动签到APP的设计与实现
|
存储 API 对象存储
uni-app黑马优购项目学习记录(六)
uni-app黑马优购项目学习记录(六)
uni-app黑马优购项目学习记录(六)
|
前端开发 JavaScript 小程序
uni-app黑马优购项目学习记录(一:上)
uni-app黑马优购项目学习记录(第一节上部分)
uni-app黑马优购项目学习记录(一:上)
|
存储 API 索引
uni-app黑马优购项目学习记录(二)
uni-app黑马优购项目学习记录(第二节)
uni-app黑马优购项目学习记录(二)
|
小程序 开发者
uni-app黑马优购项目学习记录(一:中)
uni-app黑马优购项目学习记录(第一节中部分)
uni-app黑马优购项目学习记录(一:中)
|
存储 JavaScript
uni-app黑马优购项目学习记录(四)
uni-app黑马优购项目学习记录(第四节)
uni-app黑马优购项目学习记录(四)
|
小程序 API 开发者
uni-app黑马优购项目学习记录(一:下)
uni-app黑马优购项目学习记录(第一节下部分)
uni-app黑马优购项目学习记录(一:下)