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

2023-10-26

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",
      "comp
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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