微信小程序部署到线上环境

微信小程序部署到线上环境

一.微信小程序申请

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

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

二、开发端准备

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

申请后登陆

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

微信小程序部署到线上环境_第1张图片

2,点击选择“小程序”出现注册页面。
微信小程序部署到线上环境_第2张图片

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

微信小程序部署到线上环境_第3张图片

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

微信小程序部署到线上环境_第4张图片

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

微信小程序部署到线上环境_第5张图片

微信小程序部署到线上环境_第6张图片

6,登录微信小程序。

微信小程序部署到线上环境_第7张图片

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

微信小程序部署到线上环境_第8张图片

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

微信小程序部署到线上环境_第9张图片

微信小程序部署到线上环境_第10张图片

微信小程序部署到线上环境_第11张图片

9,安装开发者工具

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

微信小程序部署到线上环境_第12张图片

微信小程序部署到线上环境_第13张图片

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

10,下载测试代码

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

微信小程序部署到线上环境_第14张图片

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

微信小程序部署到线上环境_第15张图片

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

13,上传测试代码

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

微信小程序部署到线上环境_第17张图片

14,代码上传之后,进行代码部署操作。点击图中的“代码部署”
微信小程序部署到线上环境_第18张图片

15,修改本地请求域名

点击微信开发者工具右上角【详情】-【腾讯云状态】即可查看【开发环境 request 域名】,复制域名,填写在 clien/config.js 文件的 host 处,并保存。
微信小程序部署到线上环境_第19张图片

微信小程序部署到线上环境_第20张图片

三、腾讯云准备

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

微信小程序部署到线上环境_第21张图片

微信小程序部署到线上环境_第22张图片

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

微信小程序部署到线上环境_第23张图片

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

微信小程序部署到线上环境_第24张图片

你可能感兴趣的:(微信小程序,小程序)