image

</figure>

當把域名配置好后，在小程序IDE里就能給這些域名發送請求了。然而我們并不想每次測試時都部署到服務器上，必須在本地搭建一個合適的開發環境。大致分三步：

1. 修改hosts文件

先找到hosts文件

Mac目錄：/etc/hosts
PC目錄： C:\Windows\System32\drivers\etc\hosts

然后添加下面這行，將合法域名映射到本地，再保存

127.0.0.1 yourdomain.com

2. 生成自簽名SSL證書

首先需要有OpenSSL。Mac是自帶的，無須再安裝；PC可以使用git-bash這類工具

這是生成自簽名證書的教程 How to create a self-signed Certificate，下面是我簡化的版本，如果懶得看英文原版可以直接往下看。

打開命令行：

1. 生成Private Key
輸入命令 openssl genrsa -des3 -out server.key 1024

2. 生成CSR (Certificate Signing Request)
輸入命令 openssl req -new -key server.key -out server.csr
然后根據提示依次輸入信息，域名不要填錯

3. 移除Passphrase
cp server.key http://server.key.org
openssl rsa -in http://server.key.org -out server.key

4.生成自簽名證書
openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt

完成了以上4步后，將server.crt和server.key移到你想要存放證書的地方。

3. 安裝和配置 nginx

接下來需要通過nginx來載入SSL證書 ，這樣就可以向本地服務器發送https請求了。

Mac命令行運行brew install nginx來安裝，如果不知道brew是什么可以搜下HomeBrew。PC上可以直接下載Nginx安裝包 nginx for Windows

然后修改nginx配置文件，在Mac的路徑是/usr/local/etc/nginx/nginx.conf，在PC的路徑是你的安裝路徑，里面找nginx.conf這個文件。打開后在此添加一個server，并將剛才生成的crt和key目錄放在相應的位置，如下：

server { listen 443 ssl; ssl_certificate /ssl/server.crt; # 剛生成的crt ssl_certificate_key /ssl/server.key; # 剛生成的key server_name yourdomain.com; # 你的域名 ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; ssl_protocols SSLv3 TLSv1; location / { proxy_pass http://127.0.0.1:3000; # 本地服務器地址及端口 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_set_header X-Forward-Proto https; proxy_http_version 1.1; # for websocket proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; }}

改完保存，并運行nginx。
Mac：sudo nginx
PC：直接雙擊安裝目錄下nginx.exe

4. 測試

根據以上的配置，就可以在小程序IDE直接向本地域名發送https請求了。此請求會發送到 http://127.0.0.1:3000/login

wx.request({ url: 'https://yourdomain.com/login', data: {}, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT success: function(res){ // success } })

完畢，這就是如何搭建小程序在本地模擬請求遠程https服務器的方法 。希望能給剛拿到小程序appId的開發者一些參考。

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/20421.html