腾讯云构建微信小程序流程介绍

在腾讯云上设置小程序服务器是小程序开发人员的基本技能之一。以下是腾讯云构建小程序的流程介绍。

准备域名和证书

任务时间：20分钟~40分钟

需要通过HTTPS访问小程序后台服务。在实验开始之前，我们需要准备域名和SSL证书。

　　域名注册

如果您还没有域名，可以在腾讯云上购买。该过程可参考以下视频：

视频 - 在腾讯云上购买域名

　　域名解析

购买域名后，需要将域名解析为实验云主机。实验云主机的IP是：

＆lt;您＆GT;

在腾讯云购买的域名中，您可以将解析记录添加到控制台。该过程可参考以下视频：

视频 - 如何在腾讯云上解析域名

域名需要一段时间才能解析才能生效。使用ping命令[？]检查域名是否有效，例如：

Ping www.yourmpdomain.com

如果ping命令返回的信息包含您设置的已解析IP地址，则解析成功。

注意在以下命令中将www.yourmpdomain.com替换为您自己的注册域名

申请SSL证书

腾讯云提供免费的SSL证书申请。有关申请方法，请参阅以下视频：

视频 - 在腾讯云上申请SSL证书

提交申请后，将通过短信通知批准结果。批准通过后，您可以从SSL控制台下载证书文件。请参阅以下视频：

视频 - 在腾讯云上下载SSL证书

构建小程序开发环境

任务时间：15分钟~30分钟

在开始构建我们的小程序服务器之前，我们需要完成客户端小程序开发环境的开发。

注册开发者帐户

如果您不是小程序开发人员，请先在微信公共平台上注册：

具体的注册过程可以参考以下视频：

视频 - 注册开发者帐户

　　若您已注册，请点击下一步。

配置小程序服务器信息

登录到微信公共平台后，转到设置 - 开发设置 - 服务器域名 - 修改。

扫描代码完成身份验证后，请求合法域名和套接字合法域名填写在上一步准备的域名地址中。

配置完成后，单击“保存并提交”。您可以点击下面的视频，了解如何配置它：

视频 - 配置小程序服务器信息

运行随附的小程序代码

要运行本实验的小程序代码，请下载以下资源：

实验支持源代码

微信小程序开发工具

下载源代码后，请将其解压缩到本地工作目录。

下载开发工具后，请安装它和汇海，然后使用微信扫描码登录。

登录后，选择本地小程序项目 - 使用以下配置添加项目：

AppID：填写小程序的AppID，请登录公共平台并在设置 - 开发设置 - 开发者ID

中查看

项目名称：填写您喜欢的任何名称

项目目录：选择刚刚解压缩的伴随源目录（该目录包含app.js）

填写完成后，单击“添加项”。有关详细信息，请参阅以下视频：

视频 - 运行随附的小程序代码

设置实验域名

在开发工具的编辑面板中，选择要编辑的app.js，需要修改小程序通讯域名[？]，请参考以下配置：

应用程序（{

配置: {

主机:'www.yourdomain.com'//此地点填写您的域名

}，

onLaunch（）{

CONSOLE.LOG（ 'App.onLaunch（）'）;

}

}）;

当然，这一步也记录了相应的视频：

视频 - 设置实验域名

此设置将用于实验源代码中使用的通信域名。为了顺利进行实验，请将域名更改为上一步中准备的域名

构建HTTP服务

任务时间：15分钟~30分钟

以下步骤将使您在服务器上使用Node和Express构建HTTP服务器

安装NodeJS

使用以下命令安装NodeJS

Sudo apt-get update

Sudo wgethttps://mc.qcloudimg.com/static/archive/262420521a966befe17dfa0070ddb272/node-v6.11.0.tar.gz

Sudo tar xvf node-v6.11.0.tar.gz

Cd node-v6.11.0

Sudo ./configure

Sudo make

Sudo make install

Sudo cp/usr/local/bin/node/usr/sbin/

安装完成后，使用以下命令测试安装结果

节点-v

编写HTTP Server源代码

使用以下命令在服务器上创建工作目录：

Sudo mkdir -p/data/release/webapp

输入此工作目录

Cd/data/release/webapp

在工作目录中创建package.json文件并修改该文件的访问权限。

Sudo touch package.json

Sudo chmod a + r + w package.json

修改package.json以添加我们的服务器包的名称和版本号。请参阅下面的示例。

示例代码：/data/release/webapp/package.json

{

'name':'webapp'，

'version':'1.0.0'

}

完成后，使用Ctrl + S

保存文件

在工作目录中创建app.js

Cd/data/release/webapp

Sudo touch app.js

Sudo chmod a + rw app.js

修改app.js文件并使用Express.js监听端口8765 [？]。 app.js文件可以在下面的示例代码中找到。

示例代码：/data/release/webapp/app.js

//请参阅express以支持HTTP Server的实现

Const express=require（'express'）;

//创建快速实例

Const app=express（）;

//实现一个独特的中间件，为所有请求输出“来自快递的响应”。

App.use（（request，response，next）=＆gt; {

Response.write（'来自快递的回应'）;

到Response.End（）;

}）;

//收听端口并等待连接

Const端口=8765;

App.listen（端口）;

//输出服务器汇海 log

Console.log（`服务器监听http://127.0.0.1: $ {port}`）;

该实验将打开8765端口作为实验步骤的基础。为了使后续的实验步骤顺利进行，请不要使用其他端口号

运行HTTP服务

在我们开始之前，让我们安装[PM2]

Sudo apt-get install npm

Sudo npm install -g pm2

PM2安装时间可能会稍长一些，请耐心等待[？]

Express模块用于我们的服务器源代码中。以下命令使用NPM安装Express

Cd/data/release/webapp

Sudo npm install express --save

安装完成后，使用PM2到汇海 HTTP服务

Cd/data/release/webapp

Pm2启动app.js

您的HTTP服务现在运行在http://＆lt; your＆gt; 8765

要查看服务输出的日志，可以使用以下命令：

Pm2记录

如果要重新启动该服务，可以使用以下命令：

Pm2重启app

我们使用PM2来运行，监控和管理节点流程

NPM存储库在中国可能不那么受欢迎。如果它太慢，你可以尝试使用CNPM的注册表安装它：npm install pm2 -g --registry=https://r.cnpmjs.org/

构建HTTPS服务

任务时间：15分钟~30分钟

微信小程序需要通过HTTPS与服务器通信

安装Nginx

在Ubuntu上，您可以使用apt-get

直接安装Nginx

Sudo apt-get install nginx -y

安装完成后，使用nginx命令汇海 Nginx：

Sudo /etc/init.d/nginx start

转到http://＆lt;您的域名＆gt;查看Nginx测试页面

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。

更多小程序开发案例，全部位于：http://www.hvihi.com/xiaocx/kaifa.html

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。