微信小程序打包
-
注册小程序账号:
- 在【微信公众平台】注册个人或企业版的小程序账号
- 网址:https://mp.weixin.qq.com/wxamp/home
- 并填写相关信息,获取【微信小程序AppId】
-
项目设置
- HbuilderX,项目的【manifest.json】的【微信小程序AppId】,勾选代码压缩,其他根据情况设置
-
打包
-
在HbuilderX中
-
点击【发行】–【小程序-微信】
-
在弹出框中修改–【发行】
- 【应用名称】
- 【微信小程序AppId】(上一步已修改)
-
自动打开控制台–自动打开微信开发者工具
-
打包完成【./unpackage/dist/build/mp-weixin】(build是打包,dev是运行)
-
-
在微信开发者工具中
- 点击【上传】–填写信息–【上传】
-
在微信公众平台
-
版本管理–提交审核–【…】–【用户隐私如果采集了就勾选】
-
等待工作人员审核(几天时间),微信可能会收到审核成功通知
-
将审核通过的开发版本 提交成 发布版本
-
-
抖音小程序打包
注:相对于微信小程序,抖音小程序的打包发布更加繁琐
-
抖音开放平台,注册、登录、设置、创建小程序(不支持个人),获取APPID,官网:http://developer.open-douyin.com
-
下载【抖音小程序开发者工具】,【HBuilderX】配置好运行路径,设置项目中的【抖音APPID】
-
运行到【抖音小程序开发者工具】,查看项目有无问题,添加相关的条件编译(自定义导航栏、原生按钮等)
-
抖音开放平台,填写相关信息,备案信息等
-
HBuilderX
- 发行【小程序-抖音】
- 应用名称
- APPID
- 自动打开控制台–自动打开【抖音开发者工具】
- 打包后文件【./unpackage/dist//build/mp-toutiao】
- 发行【小程序-抖音】
-
在微信开发者工具中
- 点击【上传】–填写信息–【上传】
-
在微信公众平台
- 提交审核…
H5打包
注:相较于微信小程序,H5的打包发布更加简单
-
HBuilderX
-
【manifast.json】【Web配置】
-
路由模式:hash(如果没有后端或其他配置过“history”)
-
运行的基础路径:(根据服务器配置,如:项目文件直接放在服务器根目录下【./】,服务器存在其他项目【/项目名称/】)
-
其他:根据实际情况配置
-
-
【发行】【网站-PC Web或手机H5】
- 网站名称(自定义)
- 网站域名(暂为空)
-
打包后文件【./unpackage/dist//build/h5】
-
-
UniCloud
- 新建服务空间(使用免费版本或根据需求使用付费版本)
- 前端网页托管
- 文件管理
- 上传到当前目录
- 上传文件夹(含根目录)
- 上传打包好的文件夹(保证文件夹名和”第一步“的【运行的基础路径】一致)
- 参数配置
- 此时已经可以通过【默认域名+ /项目名称/index.html 】进行访问,路由模式为【hash】,在访问后会自动添加【#】
- 访问失败,可能【跨域】导致,进入【跨域配置】,将【默认域名】添加进去
- 二维码:通过二维码转换器(草料二维码),将网址转换为二维码
- 域名:想要一个好看的域名可以通过域名服务商进行域名映射,http://blog.csdn.net/qq_18798149/article/details/129860824,
- 文件管理
安卓打包
-
基础设置【manifest.json】
- 基础配置
- 应用名称
- 版本号(例:应用版本名称【1.0.1】,应用版本号【101】),涉及app更新
- 其他根据实际情况填写即可
- App图标配置
- 在自动生成图标框中,添加本地图片,并点击【自动生成所有图标并替换】
- App启动界面配置
- Android启动界面设置
- 通用启动界面(默认图标+loding转圈)
- 自定义启动图
- 勾选【使用原生隐私政策提示框】(涉及应用商店上架)
- Android启动界面设置
- App模块配置
- 根据实际情况勾选
- App权限配置
- 位置信息、通讯录等,根据实际情况勾选
- App原生插件配置
- App常用其他设置
- 支持CPU类型:在原先基础上,勾选【X86】(部分模拟器需要)
- 基础配置
-
测试-打包
-
测试
-
【运行到手机或模拟器】【制定自定义调试基座】(与最终打包一致)
-
Android(apk包)、包名、使用云端证书、打自定义调试基座、传统打包(底部)
-
等待打包成功
-
运行到【Android App基座】【使用自定义基座运行】【选择设备】【运行】
- 在电脑上安装手机模拟器(方便后期继续开发项目)
- 通过USB连接手机
-
检查运行效果有无问题
-
-
打包
- 【发行】【原生App-云打包】
- Android(apk包)、包名、使用云端证书、打正式包、传统打包(底部)
- 等待打包完成
- 出现包的临时下载地址(http://xxx.xxx),点击上传到uniCloud,永久下载
-
更新
- http://bilibili.com/video/BV1Bk4y187MV/?spm_id_from=333.999.0.0
- 【3.1】【3.2】【3.3】
-