小兔网

小程序如何正确部署到线上环境

部署微信小程序到线上环境的具体步骤:

一、微信小程序申请

申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。

https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN

二、开发端准备

1、开发微信小程序,必须要有一个AppId,如果没有可以去注册一个。

申请后登陆

https://mp.weixin.qq.com/进入注册页面,点击上方立即注册。

2021062014510312840171

2、点击选择“小程序”出现注册页面。

2021062014510413133682

3、填写账号信息,包含邮箱,密码,验证码。

2021062014510513329773

4、登录邮箱,点击链接,进行验证。

2021062014510615198984

5、进入信息登记界面,进行信息登记,分为“主体信息登记”和“管理员信息登记”。“主体信息提交后不可修改”!

2021062014510716197765

2021062014510815637036

6、登录微信小程序。

2021062014510916422097

7、设置,开发者设置,APPID,服务器域名。

2021062014511017219838

8、设置,开发者工具,腾讯云。

2021062014511118786229

20210620145112197555710

20210620145113192889311

9、安装开发者工具

下载与安装客户端微信开发者工具并使用小程序微信号扫码登录。选择左边的小程序项目,然后选择项目的目录,你的AppID和项目名称。

20210620145115105390912

20210620145116116132813

小程序项目管理 项目目录没有项目就用第10步的下载测试代码,进入后图:

20210620145117126526714

10、下载测试代码

下载为你打包的 Demo 代码,作为开通环境所需,可以去腾讯云下载。

20210620145118126679315

11、下载的是一个压缩包,里面包含服务端和客户端的代码文件。然后将整个文件夹导入到微信开发者工具中。

20210620145119162180316

12、使用微信开发者工具创建小程序项目,选择第三步下载的代码文件夹,修改云数据库的一些配置信息。打开 server/config.js 或server/config.php文件。修改里面的 MySQL 数据库密码为您的小程序 AppID。

20210620145120188178417

20210620145122109643818

13、上传测试代码

使用微信开发者工具上传代码,完成开发环境的初始化,上传测试代码选择(部署后自动安装依赖)。

20210620145123119302519

14、代码上传之后,进行代码部署操作。点击图中的“代码部署”

20210620145124117743620

15、修改本地请求域名

点击微信开发者工具右上角【详情】-【腾讯云状态】即可查看【开发环境 request 域名】,复制域名,填写在 clien/config.js 文件的 host 处,并保存。

20210620145125139934121

20210620145126166331822

三、腾讯云准备

1、微信小程序部署到线上环境。首先,腾讯云必须关联微信小程序,否则不能打通开发环境;其二,必须要有一个已经备案的域名;最后,一台云主机。腾讯云部署微信小程序域名必须备案,否则不能正常访问。

20210620145127172859023

20210620145128184491724

2、腾讯云主机大概49元1个月,暂不支持Java和.NET,支持PHP,Node.js

20210620145129196840525

3、具备了以上条件你就可以进入生产环境。如图。

20210620145131108594326

相关推荐:小程序开发教程

以上就是小程序如何正确部署到线上环境的知识。速戳>>知识兔学习精品课!