小程序測試后臺服務(wù)的方法(ngrok)
什么是ngrok？
官方解釋是這樣說的：
ngrok 是一個反向代理，通過在公共的端點(diǎn)和本地運(yùn)行的 Web 服務(wù)器之間建立一個安全的通道。
這段話是什么意思？
運(yùn)行ngrok服務(wù)以后，本地運(yùn)行的Web服務(wù)會被ngrok代理。當(dāng)你訪問它給你提供的域名時候，它會經(jīng)過公共的端點(diǎn)解析到本地，這樣本地的服務(wù)就可以通過外網(wǎng)訪問了。（看不懂也沒關(guān)系，會用就行了）
如何使用？
這里告訴大家一個國內(nèi)搭建的 Ngrok國內(nèi)免費(fèi)服務(wù)器-小米球，使用起來更方便靈活。
服務(wù)成功啟動以后長這樣，表示把這個域名映射到本地，支持http和https哦：
啟動本地的服務(wù)
服務(wù)的業(yè)務(wù)邏輯很簡單，就是返回一個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}
接下來我們要
在小程序里使用我們的后臺服務(wù)
（搞這么一堆，終于可以使用啦）。
在index.wxml寫上這一段代碼：
<view>
<button bindtap="clickMe">點(diǎn)我</button>
</view>
<view>狀態(tài)碼：{{data.code}}</view>
<view>信息：{{data.msg}}</view>
點(diǎn)擊按鈕綁定了一個clickMe函數(shù),如果函數(shù)執(zhí)行成功返回的值就會在下面渲染出。
在index.js實(shí)現(xiàn)這個函數(shù)：
clickMe : function(){
var that = this;
wx.request({
url: 'https://video01.ngrok.xiaomiqiu.cn/hello',
success(res) {
var data = res.data;
that.setData({
data: data
});
}
})
}
記得在詳情里比這個勾上，
終于可以測試了
點(diǎn)擊前：
點(diǎn)擊后：
說明我們的后臺成功被小程序訪問到了?。?！
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了javascript跨域原因以及解決方案分享，十分的細(xì)致全面，有需要的小伙伴可以參考下。2015-04-04
JS+CSS實(shí)現(xiàn)六級網(wǎng)站導(dǎo)航主菜單效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)六級網(wǎng)站導(dǎo)航主菜單效果,涉及JavaScript遍歷頁面元素及動態(tài)修改css屬性的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家介紹了JavaScript?BOM對象，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-12-12
javascript 支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation
javascript 支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation2009-08-08
這篇文章主要為大家詳細(xì)介紹了js輪播圖的插件化封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
實(shí)例分析JS中的相等性判斷===、 ==和Object.is()
這篇文章主要給大家介紹了關(guān)于JS中相等性判斷===、 ==和Object.is()的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
我們需要引入幾個相關(guān)的概念：執(zhí)行環(huán)境棧、全局對象、執(zhí)行環(huán)境、變量對象、活動對象、作用域和作用域鏈等，這些概念正是JS引擎工作的核心組件。這篇文章的目的不是孤立的為你講解每一個概念需要的朋友可以參考下2016-11-11
這篇文章主要介紹了JavaScript語法約定和程序調(diào)試原理解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-11-11
本文通過實(shí)例代碼給大家分享javascript實(shí)現(xiàn)彈出廣告功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-03-03
純js實(shí)現(xiàn)無縫滾動功能代碼實(shí)例
這篇文章主要介紹了純js實(shí)現(xiàn)無縫滾動功能代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02