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

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

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

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

2.json-server的使用

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

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

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

 

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 到对应的文件夹内)

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

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

 

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

上一篇:当前是否为微信访问


下一篇:微信红包接口开发