小程序和后臺API通信

?

一、概述

小程序不可以直接訪問后臺接口，只能訪問在線并且通過域名的接口；如果一定要訪問后臺，則需要通過內(nèi)網(wǎng)穿透實現(xiàn)暴露到公網(wǎng)，工具為：ngrok，網(wǎng)址為：https://ngrok.com/

?

二、Ngrok使用

2.1 注冊賬號下載工具

注冊并下載：https://ngrok.com/download

2.2 獲得authtoken

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-SgTa9CPT-1617002876725)(C:\Users\Derrick\Desktop\1617001318(1)].jpg)

2.3 cmd執(zhí)行命令

輸入命令按回車即可

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:418name: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) }

總結(jié)

以上是生活随笔為你收集整理的微信小程序| Ngork内网传统+后台API通信例子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。