什么是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 }); } }) }
记得在详情里比这个勾上,
终于可以测试了
点击前:
点击后:
说明我们的后台成功被小程序访问到了!!!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
2016年信息安全工程师综合知识第11-15题解析【建群网培信息安全工程师】
网友评论