搭建微信小程序的本地测试服务器 json-server

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

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

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

2.json-server的使用

<1> 安装：npm install -g json-server

<2>然后选一个文件目录新建一个json文件，例如index.json

 

index.json 内容

{
  "data": [
    {
      "img": "/images/pro_01.jpg",
      "title": "test",
      "desc": "这是个测试1"
    },
    {
      "img": "/images/pro_02.jpg",
      "title": "test",
      "desc": "这是个测试2"
    },
    {
      "img": "/images/pro_03.jpg",
      "title": "test",
      "desc": "这是个测试3"
    },
    {
      "img": "/images/pro_01.jpg",
      "title": "test",
      "desc": "这是个测试4"
    }
  ]
}

 

<3> 启动json-server服务：在新建的json文件夹内，运行命令：json-server + 文件名  (先cd 到对应的文件夹内)

• 浏览器中输入地址http://localhost:3000/data就能看到输出index.json的内容
• 至此，就搭建了一个简单的本地测试服务器，json-server支持get,post等，基本足够开发测试用了，具体的可以参考json-server官网