小程序测试后台服务的方法(ngrok)
更新时间：2019年03月08日 09:55:04 作者：Nirvana
这篇文章主要介绍了小程序测试后台服务的方法(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
});
}
})
}
记得在详情里比这个勾上，
终于可以测试了
点击前：
点击后：
说明我们的后台成功被小程序访问到了！！！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了javascript跨域原因以及解决方案分享，十分的细致全面，有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了JS+CSS实现六级网站导航主菜单效果,涉及JavaScript遍历页面元素及动态修改css属性的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要为大家介绍了JavaScript BOM对象，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>2021-12-12
javascript 支持链式调用的异步调用框架Async.Operation
javascript 支持链式调用的异步调用框架Async.Operation2009-08-08
这篇文章主要为大家详细介绍了js轮播图的插件化封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
实例分析JS中的相等性判断===、 ==和Object.is()
这篇文章主要给大家介绍了关于JS中相等性判断===、 ==和Object.is()的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念需要的朋友可以参考下2016-11-11
这篇文章主要介绍了JavaScript语法约定和程序调试原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-11-11
本文通过实例代码给大家分享javascript实现弹出广告功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-03-03
这篇文章主要介绍了纯js实现无缝滚动功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
最新评论