问题的提出
主要步骤
用到的工具
json-server的使用
sudo npm install -g json-server
{ "cars": [ { "id": 1, "desc": "哈弗H6", "completed": false }, { "id": 2, "desc": "吉利博越", "completed": false }, { "id": 3, "desc": "宝骏560", "completed": false } ] }
json-server cars.json 输出: Loading cars.json Done Resources http://localhost:3000/cars Home http://localhost:3000
用nginx进行反向代理
brew install nginx 通过以上方式安装nginx,我的nginx路径在/usr/local/etc/nginx
vi /usr/local/etc/nginx/nginx.conf
server { listen 80;//将原来的8080改成80端口,这样就能隐藏请求中的端口号了 server_name www.test.com;//这里改成你想要的测试域名 server_name_in_redirect off; proxy_set_header Host $host:$server_port; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; location / { proxy_pass http://127.0.0.1:3000/;//需要代理的地址,这里是我们json-server的默认地址 } }
sudo nginx -s reload //不带sudo可能会重启nginx失败
//hosts文件中添加测试域名 127.0.0.1 www.test.com
localhost/cars localhost www.test.com www.test.com/cars
其他问题
//启动 nginx //重启 sudo nginx -s reload //关闭 nginx -s stop
Finder的“前往”->“前往文件夹” 输入 /private/etc 按回车 就可以看到里面的hosts文件了。直接右键选择“文本编辑”打开,修改,保存即可。
可以尝试安装fontconfig库解决
https服务安装
cd usr/local/etc/nginx/conf 设置server.key:openssl genrsa -des3 -out server.key 1024 参数设置:openssl req -new -key server.key -out server.csr 写RSA秘钥:openssl rsa -in server.key -out server_nopwd.key 获取私钥:openssl x509 -req -days 365 -in server.csr -signkey server_nopwd.key -out server.crt
server { listen 80;//将原来的8080改成80端口,这样就能隐藏请求中的端口号了 server_name www.test.com;//这里改成你想要的测试域名 //主要是增加下面三行 ssl on; ssl_certificate /usr/local/etc/nginx/server.crt;//你的证书地址 ssl_certificate_key /usr/local/etc/nginx/server_nopwd.key;//私钥地址 server_name_in_redirect off; proxy_set_header Host $host:$server_port; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; location / { proxy_pass http://127.0.0.1:3000/;//需要代理的地址,这里是我们json-server的默认地址 } }
# HTTPS server # server { listen 443 ssl; server_name localhost; # ssl_certificate cert.pem; # ssl_certificate_key cert.key; ssl_certificate /usr/local/etc/nginx/server.crt; ssl_certificate_key /usr/local/etc/nginx/server_nopwd.key; # ssl_session_cache shared:SSL:1m; # ssl_session_timeout 5m; # ssl_ciphers HIGH:!aNULL:!MD5; # ssl_prefer_server_ciphers on; server_name_in_redirect off; proxy_set_header Host $host:$server_port; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; location / { proxy_pass http://127.0.0.1:3000/; root html; # index index.html index.htm; } }
其他问题
需要将我们前面生成的证书crt文件添加到系统证书里面,并设置为一直信任
微信小程序配置
wx.request({ url: 'https://www.test.com/cars', method:'GET', header: { 'content-type': 'application/json' }, success: function (res) { console.log(res.data) } }) showRequestInfo()
其他问题
在项目页面的基础信息中,勾选下面的“开发环境不校验请求域名以及TLS版本
以上就是Mac下搭建小程序服务器的过程。 |