手把手教你搭建Windows环境微信小程序的本地测试服务器

Mac环境下

• 手把手教你搭建Mac环境微信小程序的本地测试服务器

问题的提出

• Windows环境
• 方便快捷地搭建小程序的测试服务器
• 小程序对于网络请求的URL的特殊要求
  
  • 不能出现端口号
  • 不能用localhost
  • 必须用https

主要步骤

• 用json-server搭建简单地服务器，搭建出来的服务器地址为localhonst:3000
• 安装nginx进行反向代理，以便隐藏端口号和替换localhost
• 搭建https服务
• 微信小程序设置

用到的工具

• json-server
• nginx
• openssl
• 微信小程序官方开发工具

首先需要在windows环境下安装node.js

Node.js下载地址

选择 Windows Installer 下载对应的系统版本就行，然后一路next。这种方式安装好以后会把环境变量也配置好了，直接在命令行下输入：

//出现对应的版本号信息就表示安装成功了
node --version

json-server的使用

• 安装

npm install -g json-server

• 选一个文件目录新建json文件，比如cars.json

{
  "cars": [
    {
      "id": 1,
      "desc": "哈弗H6",
      "completed": false
    },
    {
      "id": 2,
      "desc": "吉利博越",
      "completed": false