什么是ngrok?
官方解釋是這樣說的:
ngrok 是一個反向代理,通過在公共的端點和本地運行的 Web 服務器之間建立一個安全的通道。
這段話是什么意思?
運行ngrok服務以后,本地運行的Web服務會被ngrok代理。當你訪問它給你提供的域名時候,它會經過公共的端點解析到本地,這樣本地的服務就可以通過外網訪問了。(看不懂也沒關系,會用就行了)
如何使用?
這里告訴大家一個國內搭建的 Ngrok國內免費服務器-小米球,使用起來更方便靈活。
服務成功啟動以后長這樣,表示把這個域名映射到本地,支持http
和https
哦:
啟動本地的服務
服務的業務邏輯很簡單,就是返回一個json對象:
@SpringBootApplication@RestControllerpublic class DockerApplication { public static void main(String[] args) { SpringApplication.run(DockerApplication.class, args); } @RequestMapping("/hello") public Object index() { Map data=new HashMap(); data.put("code",200); data.put("msg","ngrok搭建成功"); return data; }}
然后通過瀏覽器訪問這個域名,返回下面這串信息就說明ngrok搭建成功了。
{"msg":"ngrok搭建成功","code":200}
接下來我們要
在小程序里使用我們的后臺服務
(搞這么一堆,終于可以使用啦)。
在index.wxml
寫上這一段代碼:
<view><button bindtap="clickMe">點我</button></view><view>狀態碼:{{data.code}}</view><view>信息:{{data.msg}}</view>
點擊按鈕綁定了一個clickMe
函數,如果函數執行成功返回的值就會在下面渲染出。
在index.js
實現這個函數:
clickMe : function(){ var that = this; wx.request({ url: 'https://video01.ngrok.xiaomiqiu.cn/hello', success(res) { var data = res.data; that.setData({ data: data }); } }) }
記得在詳情里比這個勾上,
終于可以測試了
點擊前:
點擊后:
說明我們的后臺成功被小程序訪問到了?。。?/p>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答