微信小程序> 小程序的发布上线流程-微信小程序上线发布流程-微信小程序如何部署

小程序的发布上线流程-微信小程序上线发布流程-微信小程序如何部署

浏览量:2164 时间: 来源:weixin_34204722
序言1.

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

测试环境的开通2.

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

后端代码部署3.

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

修改数据库密码4.

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

其实在前面几个章节已经进行了1,2,3等步骤的执行了,现在来看下如何修改数据库密码。在测试环境里面,数据库的密码便是下次的AppID。找到【server】-【config.js】,将小程序的AppID设置为数据库的密码。mysql:{host:'localhost',port:3306,user:'root',db:'cAuth',pass:'小程序的AppID',char:'utf8mb4'},复制代码修改前端接口前缀5.

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

上传代码6.

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

由于我们是第一次上传,我们必须得进行模块上传,将node_modules以外的代码都上传以及部署后自动安装依赖都给勾上。上传代码之后呢,我们看一下自己的腾讯云后台发现已经显示了部署成功的相关信息,现在的测试环境就已经开通了。接下来就可以进行项目的真机调试或者是个人的体验了。在最新的开发工具上,这个栏目被隐藏起来了,我们需要在顶部找到【工具】-【工具栏管理】-【自定义工具】,将其勾选上,即可显示在右上角了。正式环境的开通7.

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

购买域名8.

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

购买服务器9.

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

生产环境配置10.

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

实名认证11.

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

12.

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

13.

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

后台代码部署14.

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

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

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

上传成功之后,来到微信平台的后台点击【开发管理】-【开发版本】。我们也可以选择体验版本简单地体验一下发布之前的效果。点击提交审核,配置功能页面,点击提交审核。提交审核之后,需要时间等待审核,一般就是1-5天这样的时间周期,并且会通知是否通过。当审核通过之后,就会出现我们想要的线上版本,这样就能够访问我们的小程序项目了。结语16.

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

推荐文章17.

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

才华与信仰

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎