Uni-App各端发布上线流程

5,172 阅读6分钟

微信小程序端

具体步骤:打开 HBuiderX -> 发行 -> 小程序-微信 -> 等待

第一步:

使用 HBuiderX 进行打包,此时会自动打开“微信开发者工具”

注意事项

  1. 确保代码是完整的最新的

     	2. 检查接口域名地址是否是线上环境域名
     	3. 去掉本地项目里无用的代码
     	4. 确定小程序 `appId` 是否正确
    

第二步:

点击“微信开发者工具”,右上角“上传”

注意事项:

1. 上传的内容不得超过 `2M`(需优化代码,减少本地资源,采用网络地址)
2. 填写上传的版本信息(**注意:**上传的当前的版本号要比上一次版本号大)

第三步:

打开登录微信公众平台

注意事项:

1. 上一步操作完成后,可在“版本管理” -> “开发版本”中设置为体验版
2. 体验版在体验时,若域名和上一次的体验版有修改,先删除上一版,重新扫码即可(防止数据不对)
3. 提交申请前,确保小程序内的所有内容已经在服务类目中有体现
4. 提交申请时,填写好测试数据(比如:测试账号密码等)

第四步:

将体验版提交审核

注意事项:

​ 1. 一定要确保体验版所有功能完好

第五步:

等待审核

注意事项:

  1. 没有勾选加速审核,一般审核时间周期为1~2天左右
  2. 除了紧急上线的版本勾选下加速,因为一年只有三次机会
  3. 若点了加速审核,审核失败。在12个小时内可重新修改完成以上步骤重新提交审核会被有限审核

第六步:

提交发布

注意事项:

1. 审核完毕,点击提交发布,管理员扫码确认
2. 若提交成功,差不多半个小时左右即可发布

注意:不管是其他第三方域名还是自己的域名都需要在微信后台配置好

H5端

具体步骤:打开 HBuiderX -> 发行 -> 网站-H5手机版 -> 填写标题,域名 -> 点击 发行 -> 等待

第一步:

使用 HBuiderX 进行打包

注意事项

  1. 区分好测试环境和线上环境
  2. 本地运行解决 跨域 问题 manigest.json -> 源码视图
{
    ...
    "h5": {
        "devServer": {
            "proxy": {
                "/xxx" : {
                    "target" : "接口地址",
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/xxx" : "/xxx"
                    }
                }
                // 注意:多后台人员开发接口,可以配置多个同时和多后台人员联调
            }
        }
    }
    ...
}

第二步:

将打包好的静态资源放到服务器上即可!

注意事项

1. 静态资源的位置:项目根目录下的 `unpackage` -> `dist` -> `build` -> `h5`
2. 项目里接口的域名要与网站域名一致最好

第三步:

将静态资源放到服务器上

推荐两款 Windows 平台软件:XshellXftp 傻瓜式上传文件到服务器!

注意事项

1. 测试环境可以开发者自己上传测试,线上环境最好将最新的资源包交给运维人员发布
2. `H5` 端若觉得发布麻烦,可以结合 `Jenkins` 搞个自动化发布

支付宝小程序端

具体步骤:打开 HBuiderX -> 发行 -> 小程序-支付宝 -> 等待

第一步:

使用 HBuiderX 进行打包,此时会自动打开“小程序开发工具”

注意事项

​ 和 微信小程序 类似...

第二步:

点击“小程序开发者工具”,右上角“上传”

注意事项

​ 和 微信小程序 类似...

第三步:

打开登录支付宝开放平台

注意事项

​ 和 微信小程序 类似...

第四步:

将体验版提交审核

注意事项

​ 和 微信小程序 类似...

第五步:

等待审核 & 提交发布

同理:不管是其他第三方域名还是自己的域名都需要在微信后台配置好

安卓端

具体步骤:

1. 打开 `HBuiderX` ->  `发行` -> `原生APP - 云打包`  
2. 填写 `证书别名``证书私钥密码``证书文件`
3. 点击 `打包` -> 等待

第一步:

使用 HBuiderX 进行打包

注意事项

  1. 每次打包的版本号不能小于
  2. 上传美工制作的应用图标、填写有关APP的相关信息
  3. 配置文件的生成
  4. 点击 发布 -> 云打包 -> 填写配置信息 -> 打包 -> 等待
  5. 打包成功会返回下载地址下载即可

第二步:

应用上架

注意事项

  1. 平台应用开发者的申请
  2. 平台创建应用 -> 填各种信息
  3. 将下载后的包上传到平台里
  4. 提交、审核、等待、发布上架

注意

1. **一定 **不要每次都云打包调试,打包调试可以采用 `自定义基座`的方式
2. 若应用中包含微信登录,支付、支付宝支付等第三方,需要在对应的开放平台创建应用获取 `appId`
3. 若应用中包含 **热更新** 功能,一定要注意好版本号,判断是大版本更新还是 `wgt` 更新
4. **一定** 要按照 `HBuilder` 指定好的应用尺寸上传
5. 如果觉得打包慢,可采用 **离线打包**

苹果端

具体步骤:

1. 打开 `HBuiderX` ->  `发行` -> `原生APP - 云打包`  
2. 填写 `证书私钥密码``证书profile文件``私钥证书` **注意**:开发环境和生产环境的区别
3. 点击 `打包` -> 等待

第一步:

使用 HBuiderX 进行打包

注意事项

​ 同安卓类似...

第二步:

应用上架

注意事项

​ 同安卓类似...

注意

1. **生产环境** 的配置文件打包后不能安装到真机上
2. 将打包好的 `.ipa` 文件通过 `Transfer` 软件自动上传到 `App Connect Store`3. 测试环境的配置文件打包的 `.ipa` 文件可以通过 `Impactor` 软件进行安装 ;此时需要在开发者后台生成**专属密码**
4. 应用审核通过后,修改价格和地区等信息快速保存,可解决手机 `App Store` 搜索不到软件的问题

每个端一定要注意好appId等配置信息,测试环境、生产环境等...

总结

虽然看文章感觉每个端都很顺利,其实当真正的从零到一完成一个项目会经历很多的坑!相信小伙伴们真正的把各端都自己亲历亲为的走一遍,相信会有很大的收获。祝愿:所有小伙伴在技术的道理上越走越远~

或许人生旅途慢慢,但是计划总在作伴