1. 程式人生 > >微信小程式和後臺API通訊

微信小程式和後臺API通訊

1、微信小程式不能直接訪問後臺的介面。
2、通過內網穿透實現,暴漏到公網。
3、這裡使用的工具是 ngrok.com

使用ngrok進行內網穿透

1、開啟https://dashboard.ngrok.com,註冊賬號登陸,download 下載適合自己電腦的。
在這裡插入圖片描述

2、下載解壓之後,把ngrok.exe 程式放到F盤下。
在這裡插入圖片描述

3、在cmd下,執行以下命令。在auth頁面複製token。
在這裡插入圖片描述
在這裡插入圖片描述

4、執行結果如下:
在這裡插入圖片描述

5、執行完畢直接再執行 ngrok 命令即可:
在這裡插入圖片描述

6、進行本地ip和埠號的穿透。例如埠號為8080,執行命令如下:

ngrok http 8080

結果如下:
在這裡插入圖片描述

forwarding 後面的httpd地址和https就是對本地ip和埠號的對映。訪問專案地址時,可以把localhost:8080 替換成 http://9cd84c49.ngrok.io 或者 https://9cd84c49.ngrok.io即可

小程式發起請求

RequestTask wx.request(Object object)
詳情參考微信API文件
案例

wx.request({
  url: 'test.php', //僅為示例,並非真實的介面地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 預設值
  },
  success (res) {
    console.log(res.data)
  }
})