小程序測試后臺服務的方法(ngrok)

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

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

什么是ngrok？

官方解釋是這樣說的：

ngrok 是一個反向代理，通過在公共的端點和本地運行的 Web 服務器之間建立一個安全的通道。

這段話是什么意思？

運行ngrok服務以后，本地運行的Web服務會被ngrok代理。當你訪問它給你提供的域名時候，它會經過公共的端點解析到本地，這樣本地的服務就可以通過外網訪問了。（看不懂也沒關系，會用就行了）

如何使用？

這里告訴大家一個國內搭建的 Ngrok國內免費服務器-小米球，使用起來更方便靈活。

服務成功啟動以后長這樣，表示把這個域名映射到本地，支持http和https哦：

啟動本地的服務

服務的業(yè)務邏輯很簡單，就是返回一個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>狀態(tài)碼：{{data.code}}</view>
<view>信息：{{data.msg}}</view>

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

在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
    });
   }
  })
 }

記得在詳情里比這個勾上，