小程序测试后台服务的方法(ngrok)

网络编程发布日期：2024/9/24 浏览次数：1

正在浏览：小程序测试后台服务的方法(ngrok)

什么是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
    });
   }
  })
 }

记得在详情里比这个勾上，

终于可以测试了

点击前：

点击后：

说明我们的后台成功被小程序访问到了！！！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：Angular使用ControlValueAccessor创建自定义表单控件

下一篇：详解JavaScript函数callee、call、apply的区别

一句话新闻

一文看懂荣耀MagicBook Pro 16

荣耀猎人回归！七大亮点看懂不只是轻薄本，更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。
众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？