微信小程序开发之内网穿透

    我们在阅读微信小程序官方文档时,看到wx.request时,里面有一个url参数,这个url参数我们应该填写什么呢?如果我们的测试代码在自己电脑上,自己没有服务器,但是还想做小程序开发该怎么处理这个url呢?

wx.request({
  url: 'test.php', //仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }
})

我们可以使用内网穿透工具,将自己的私有ip映射成一个公网ip,可以使用ngrok穿透工具 http://ngrok.ciqiuwl.cn/(小米球内网穿透工具,可以自行查看使用教程)

这里写图片描述
这里写图片描述

这里写图片描述

这样,我们的8000端口就映射成了一个公网ip端口,此时,我们的电脑已于服务器无异。

我们可以在app.js上做出如下配置:

我们在模块中如何获取到这个地址呢?
首先我们在模块的js脚本中将app进行引用

var app = getApp();

根据自己的业务逻辑进行编写

wx.request({
		/*开发者服务器地址*/
        url: app.globalData.ServerUrl + 'study/'+id +'/lists',
        success(res){
          self.setData({
            //.....
          })
        }
})

如果我们使用java作为后台服务,Tomcat作为容器,端口为8000,此时https://xx.ngrok.xiaomiqiu.cn -> 127.0.0.1:8000等同于localhost:8000,这样我们就可以将数据进行操作啦。

  • 1
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kylin5221

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值