原创文章,欢迎转载。转载请注明:转载自IT人故事会,谢谢!
原文链接地址:「小程序JAVA实战」小程序和后台api通信(28)
开发最重要的就是实操!
小程序和后台api通信
- 小程序不能直接访问后台接口必须通过请求的方式
- 通过内网穿透实现暴露到公网
- ngrok ngrok.com
如何使用内网穿透
- 登录ngrok网站
![](https://img.haomeiwen.com/i11223715/c93a9bf96cc7117e.png)
- 介绍
用户直接穿透防火墙,到云端做到互相的访问。
![](https://img.haomeiwen.com/i11223715/9554254fd4c5a169.png)
- 如何使用
注册
![](https://img.haomeiwen.com/i11223715/2636bf7b7aa7f66f.png)
![](https://img.haomeiwen.com/i11223715/d71869a955c330af.png)
![](https://img.haomeiwen.com/i11223715/414861ee09ab0882.png)
下载ngrok
![](https://img.haomeiwen.com/i11223715/56390b40d7cdba75.png)
![](https://img.haomeiwen.com/i11223715/caf20fd4c2be1666.png)
![](https://img.haomeiwen.com/i11223715/1ac31c1fbce8cec4.png)
![](https://img.haomeiwen.com/i11223715/e5bd5aacfd1b373c.png)
当前文件夹cmd执行命令
![](https://img.haomeiwen.com/i11223715/75a753cb84d5119d.png)
![](https://img.haomeiwen.com/i11223715/dfb8dd236a907d75.png)
启动命令,显示online,说明内网穿透成功。
#ngrok http 指定端口
ngrok http 8080
![](https://img.haomeiwen.com/i11223715/294722b4e240a48d.png)
request
https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html
![](https://img.haomeiwen.com/i11223715/c2e6893d7d9b5d27.png)
wx.request({
url: 'test.php', //仅为示例,并非真实的接口地址
data: {
x: '' ,
y: ''
},
header: {
'content-type': 'application/json' // 默认值
},
success: function(res) {
console.log(res.data)
}
})
标准的ajax请求,跟咱们之前的jquery基本是一样的,我就不详细说了,就是获取参数的传递。但是小程序内部也封装了很多东西,后面一起实战的时候一起来说。
PS:下一章节开始实战学习,从数据库的表开始设计。
网友评论