微信小程序| Ngork内网传统+后台API通信例子

小程序和后台API通信

 

一、概述

小程序不可以直接访问后台接口，只能访问在线并且通过域名的接口；如果一定要访问后台，则需要通过内网穿透实现暴露到公网，工具为：ngrok，网址为：https://ngrok.com/

 

二、Ngrok使用

2.1 注册账号下载工具

注册并下载：https://ngrok.com/download

2.2 获得authtoken

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SgTa9CPT-1617002876725)(C:\Users\Derrick\Desktop\1617001318(1)].jpg)

2.3 cmd执行命令

输入命令按回车即可

ngrok authtoken 填入authtoken码

2.4 暴露端口

这里暴露http 8080端口

ngrok http 8080

反馈回来的Forwarding包含http跟https，即可通过这两个链接访问后台API

http://XXXX.ngrok.io -> http://localhost:8080               https://XXXX.ngrok.io -> http://localhost:8080  

 

三、请求后端API

3.1 微信小程序代码

clickme:function(){
	wx.request({
		url:'http://XXXX.ngrok.io/info',  //利用ngrok的域名+接口名词
		data:{
			id:418
			name:jessicajung
		},
		header:{
			'content-type' : 'application/json' //默认值
		},
		success: function(res){
			console.log(res.data)
		}
	})
}

3.2 后端代码

@RequestMapping("/info")
public JSONResult info(Info info){
	System.out.println(info.toString());
	return JSONResult.ok(info)
}