如何开发微信小程序 - 右手博客 如何开发微信小程序 - 右手博客

如何开发微信小程序

如何开发微信小程序

一、域名和ssl证书

1.注册域名

2.申请域名ssl证书(网上有很多免费的)

二、注册开发者账号

如果你还不是小程序开发者,请先在微信公众平台并注册:

https://mp.weixin.qq.com

三、配置小程序服务器信息
登录微信公众平台后,依次进入 设置 - 开发设置 - 服务器域名 - 修改。
扫码完成身份校验后,request 合法域名和 socket 合法域名均填写在上一步准备好的域名地址。
配置完成后,点击 保存并提交

四、运行本实验配套的小程序代码
实验源码包 (点击下载

微信小程序开发工具(点击下载
源码下载后,请解压到本地工作目录。
开发工具下载后,请安装并启动,然后用微信扫码登录。
登录后,选择 本地小程序项目 - 添加项目,使用以下配置:
AppID:填写小程序的 AppID,请登录公众平台后在 设置 - 开发设置 - 开发者 ID 中查看
项目名称:填写任意您喜欢的名称
项目目录:选择刚才解压的配套源码目录(目录包含 app.js)
填写完成后,点击 添加项目
五、搭建 HTTP 服务

使用下面的命令安装 NodeJS 和 NPM
yum install nodejs npm -y
安装完成后,使用下面的命令测试安装结果
node -v
六、编写 HTTP Server 源码
创建工作目录
使用下面的命令在服务器创建一个工作目录:
mkdir -p /data/release/weapp
进入此工作目录
cd /data/release/weapp
创建 package.json


{
    "name": "weapp",
    "version": "1.0.0"
}
在刚才创建的工作目录创建 package.json,添加我们服务器包的名称和版本号,可参考下面的示例。
package.json
完成后,使用 Ctrl + S 保存文件
添加 Server 源码

在工作目录创建 app.js,使用 Express.js 来监听 8765 端口
,可参考下面的示例代码。
app.js

// 引用 express 来支持 HTTP Server 的实现
const express = require('express');

// 创建一个 express 实例
const app = express();

// 实现唯一的一个中间件,对于所有请求,都输出 "Response from express"
app.use((request, response, next) => {
    response.write('Response from express');
    response.end();
});

// 监听端口,等待连接
const port = 8765;
app.listen(port);

// 输出服务器启动日志
console.log(`Server listening at http://127.0.0.1:${port}`);

七、运行 HTTP 服务
安装 PM2

在开始之前,我们先来安装 PM2
 npm install pm2 --global
PM2 安装时间可能稍长,请耐心等候 
安装 Express

我们的服务器源码里使用到了 Express 模块,下面的命令使用 NPM 来安装 Express
cd /data/release/weapp
npm install express --save
启动服务

安装完成后,使用 PM2 来启动 HTTP 服务
cd /data/release/weapp
pm2 start app.js
现在,您的 HTTP 服务已经在 http://139.199.167.209:8765 运行
要查看服务输出的日志,可以使用下面的命令:
pm2 logs
如果要重启服务,可以使用下面的命令:
pm2 restart app

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论