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)
  }
})

微信小程序和后台API通信

使用ngrok进行内网穿透

小程序发起请求

猜你喜欢