溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
什么是ngrok？
官方解釋是這樣說的：
ngrok 是一個反向代理，通過在公共的端點和本地運行的 Web 服務器之間建立一個安全的通道。
這段話是什么意思？
運行ngrok服務以后，本地運行的Web服務會被ngrok代理。當你訪問它給你提供的域名時候，它會經過公共的端點解析到本地，這樣本地的服務就可以通過外網訪問了。（看不懂也沒關系，會用就行了）
如何使用？
這里告訴大家一個國內搭建的 Ngrok國內免費服務器-小米球，使用起來更方便靈活。
服務成功啟動以后長這樣，表示把這個域名映射到本地，支持http和https哦：
啟動本地的服務
服務的業務邏輯很簡單，就是返回一個json對象：
@SpringBootApplication
@RestController
public 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
});
}
})
}
記得在詳情里比這個勾上，
終于可以測試了
點擊前：
點擊后：
說明我們的后臺成功被小程序訪問到了！！！
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
