小程序的发布上线流程

序言

今天我们来学习下小程序项目上线发布的流程。我们都知道，项目上线是要付费的，需要提供服务器与域名，开通正式环境来进行上线发布，小程序的研发也是不例外的。不过呢，微信平台提供了一个测试号的注册，我们可以通过它实现测试环境的开通来供我们体验。接下来，我们通过完成下面几个步骤来实现测试环境与正式环境的开通。

测试环境的开通

测试环境，亦即腾讯云后台的开发环境。它的开通分为两个部分，申请测试号与代码部署。申请测试号的步骤就不多说了，直接搜索测试号进行按照步骤进行注册即可。重点来关注下开发环境是如何开通的。

后端代码部署

开通环境，一般有这几个流程，【关联账户】-【关联数据库】-【上传代码】-【开通】。基于开发效率来讲，后端代码一般是基于腾讯云的demo进行修改的。因此我们只要将本地server的数据库密码修改之后，上传代码之后，直接开通就可以了。

修改数据库密码

首先，我们按照腾讯云后台的开通指南，完成数据库密码的更改。

其实在前面几个章节已经进行了1,2,3等步骤的执行了，现在来看下如何修改数据库密码。在测试环境里面，数据库的密码便是下次的AppID。找到【server】-【config.js】,将小程序的AppID设置为数据库的密码。

mysql: {
        host: 'localhost',
        port: 3306,
        user: 'root',
        db: 'cAuth',
        pass: '小程序的AppID',
        char: 'utf8mb4'
    },
复制代码

修改前端接口前缀

在修改数据库密码之后，我们需要进行修改前端接口，将测试号里面的域名复制下来，粘贴到mpvue初始化的项目里，将所有请求的接口前缀更改为域名的地址。打开【微信开发者工具】-点击右上角【详情】-找到【域名信息】。

上传代码

在这个阶段里，微信开发者工具占据着很大的优势，它可以统一管理所有代码的开发与部署。因为现在是要开通测试环境，因此选择测试代码上传腾讯云后台即可。

由于我们是第一次上传，我们必须得进行模块上传，将node_modules以外的代码都上传以及部署后自动安装依赖都给勾上。

上传代码之后呢，我们看一下自己的腾讯云后台发现已经显示了部署成功的相关信息，现在的测试环境就已经开通了。接下来就可以进行项目的真机调试或者是个人的体验了。

在最新的开发工具上，这个栏目被隐藏起来了，我们需要在顶部找到【工具】-【工具栏管理】-【自定义工具】，将其勾选上，即可显示在右上角了。

正式环境的开通

正式环境的开通其实是真正具有产品发布的时候才需要的，它跟跟测试环境的开通是没有多大的区别，也是需要后端代码的部署，上传前端的代码进行审核的。只不过多了一些认证。

购买域名

进入【腾讯云后台】-点击【生产环境】-点击【node.js】，接着进行域名的配置。

购买服务器

在服务器配置上选择自己需要的服务器，个人开发的话，我们可以选择一个最便宜的服务器就好。

生产环境配置

点击立即创建，付款之后，就开始配置生产环境的信息，这里就需要进行专门的实名认证了。

实名认证

实名认证也就是在域名购买之后，上传一些实名信息。包括身份证号、拍摄身份证照片等。

提交完成之后，我们要进行提供域名的实名认证了。注册人、联系人等需要填写的信息都填好就可以了。

部署完成之后，生产环境上也像部署开通环境的一样的效果，只是多出来环境操作以及环境主机的信息。

后台代码部署

最后，如果想部署正式环境，我们需要在微信开发者工具里点击上传正式代码

然后会弹出弹窗，输入版本号，点击确定之后，就可以在腾讯云后台点击代码上传记录查看是否上传成功。
正式上线的部署需要点击代码部署，等待提示部署完毕，到这个时候呢，整个后台的部署也就完成了。

前端部署

前端代码的部署是非常简单的，不需要太多的操作，直接在开发者工具上点击【上传】，填写版本号后，等待上传成功。

上传成功之后，来到微信平台的后台点击【开发管理】-【开发版本】。我们也可以选择体验版本简单地体验一下发布之前的效果。

点击提交审核，配置功能页面，点击提交审核。

提交审核之后，需要时间等待审核，一般就是1-5天这样的时间周期，并且会通知是否通过。

当审核通过之后，就会出现我们想要的线上版本，这样就能够访问我们的小程序项目了。

结语

这一章节分享了如何上线发布小程序项目，基本使用mpvue开发小程序的整个流程也就基本结束了。希望老铁们能早日掌握小程序开发，掌握这一技能也是就职的加分项哦。

推荐文章

想高效开发小程序，mpvue了解下（一）
想高效开发小程序，mpvue了解下（二）
用mpvue实现一个简单的demo
初探Mpvue的组件、样式机制
用mpvue实现一个简单的爬虫
mpvue的城市定位

才华与信仰