小程序測(cè)試后臺(tái)服務(wù)的方法(ngrok)

更新時(shí)間：2019年03月08日 09:55:04 作者：Nirvana

這篇文章主要介紹了小程序測(cè)試后臺(tái)服務(wù)的方法(ngrok)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

什么是ngrok？

官方解釋是這樣說的：

ngrok 是一個(gè)反向代理，通過在公共的端點(diǎn)和本地運(yùn)行的 Web 服務(wù)器之間建立一個(gè)安全的通道。

這段話是什么意思？

運(yùn)行ngrok服務(wù)以后，本地運(yùn)行的Web服務(wù)會(huì)被ngrok代理。當(dāng)你訪問它給你提供的域名時(shí)候，它會(huì)經(jīng)過公共的端點(diǎn)解析到本地，這樣本地的服務(wù)就可以通過外網(wǎng)訪問了。（看不懂也沒關(guān)系，會(huì)用就行了）

如何使用？

這里告訴大家一個(gè)國內(nèi)搭建的 Ngrok國內(nèi)免費(fèi)服務(wù)器-小米球，使用起來更方便靈活。

服務(wù)成功啟動(dòng)以后長這樣，表示把這個(gè)域名映射到本地，支持http和https哦：

啟動(dòng)本地的服務(wù)

服務(wù)的業(yè)務(wù)邏輯很簡(jiǎn)單，就是返回一個(gè)json對(duì)象：

@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;
  }
}

然后通過瀏覽器訪問這個(gè)域名，返回下面這串信息就說明ngrok搭建成功了。

{"msg":"ngrok搭建成功","code":200}

接下來我們要

在小程序里使用我們的后臺(tái)服務(wù)

（搞這么一堆，終于可以使用啦）。

在index.wxml寫上這一段代碼：

<view>
<button bindtap="clickMe">點(diǎn)我</button>
</view>
<view>狀態(tài)碼：{{data.code}}</view>
<view>信息：{{data.msg}}</view>

點(diǎn)擊按鈕綁定了一個(gè)clickMe函數(shù),如果函數(shù)執(zhí)行成功返回的值就會(huì)在下面渲染出。

在index.js實(shí)現(xiàn)這個(gè)函數(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
    });
   }
  })
 }

記得在詳情里比這個(gè)勾上，