微信小程序的网络设置,及网络请求:wx.request(OBJECT)
2017-09-21 15:10
801 查看
所有文章会优先在:
微信公众号“颜家大少”中发布
之后才发布到下面博客中:
颜家大少的博客 :http://blog.csdn.net/gary_yan
转载请标明出处
微信小程序要实现网络请求,首先要对其进行设置,下面以”微信web开发者工具V1.01.170913”为例
选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图
一:https的简单介绍及SSL证书的生成
二:https的SSL证书在服务器端的部署,基于tomcat,spring boot
三:让服务器同时支持http、https,基于spring boot
四:https的SSL证书在Android端基于okhttp,Retrofit的使用
然后,通过下面两步设置
1):在mp.weixin.qq.com中用自己的小程序帐号登录,在”设置”->”开发设置”中填写服务器域名,如下图:
设置完后,在“微信web开发者工具”的“设置”->“项目设置”->“域名信息”中会看到刚在后台的域名设置,如下图:
2):在“微信web开发者工具”的“设置”->“项目设置”->“项目设置”中
不要选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图
再设置一个button,用于点击时调用”httpRequest()”发起对服务器的请求
pages\index\index.wxml 内容如下:
pages\index\index.js内容如下:
上面代码等同于访问:
最终显示的结果如下(当然,收到什么内容要根据你服务器的回复内容):
更多精彩内容,请关注微信公众号:颜家大少
微信公众号“颜家大少”中发布
之后才发布到下面博客中:
颜家大少的博客 :http://blog.csdn.net/gary_yan
转载请标明出处
微信小程序要实现网络请求,首先要对其进行设置,下面以”微信web开发者工具V1.01.170913”为例
一:对于服务器网站没有备案,或只需要做本地测试的用户
在“微信web开发者工具”的“设置”->“项目设置”->“项目设置”中选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图
二:对已有备案的网站服务器用户
因为小程序只支持https的域名,所以先要确保自己的网站服务器已安装了SSL证书,至于怎样安装,可参考我之前的文章,如下:一:https的简单介绍及SSL证书的生成
二:https的SSL证书在服务器端的部署,基于tomcat,spring boot
三:让服务器同时支持http、https,基于spring boot
四:https的SSL证书在Android端基于okhttp,Retrofit的使用
然后,通过下面两步设置
1):在mp.weixin.qq.com中用自己的小程序帐号登录,在”设置”->”开发设置”中填写服务器域名,如下图:
设置完后,在“微信web开发者工具”的“设置”->“项目设置”->“域名信息”中会看到刚在后台的域名设置,如下图:
2):在“微信web开发者工具”的“设置”->“项目设置”->“项目设置”中
不要选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图
三:设置完成后,就开始代码部分
先设置一个view用于显示收到服务器应答的数据再设置一个button,用于点击时调用”httpRequest()”发起对服务器的请求
pages\index\index.wxml 内容如下:
<!--index.wxml--> <view class="container"> <!-- This is our View --> <view> Http Receive: {{response}} </view> <button bindtap="httpRequest"> http test </button> </view>
pages\index\index.js内容如下:
// This is our App Service. // This is our data. var helloData = { response: '' } // Register a Page. Page({ data: helloData, httpRequest: function (e) { //对应:<button bindtap="httpRequest"> http test </button>的button点击 var that=this wx.request({ url: 'http://127.0.0.1/test', //仅为示例,要根据你实际的接口地址 data: { x: 'ab', y: 'cd' }, header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data) that.setData({ response: res.data //把接收到的服务器数据显示到{{response}}中 }) } }) } })
上面代码等同于访问:
https://127.0.0.1/test?x=ab&y=cd
最终显示的结果如下(当然,收到什么内容要根据你服务器的回复内容):
更多精彩内容,请关注微信公众号:颜家大少
相关文章推荐
- 微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,ios网络预览异常
- 微信小程序网络请求 wx.request() ,data内参数后台获取不到
- 微信小程序网络请求wx.request详解及实例
- 微信小程序 wx.request(OBJECT)发起请求详解
- 微信小程序网络请求wx.request请求
- 微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,ios网络预览异常(转)
- 微信小程序封装请求方法wx.request(OBJECT)
- 微信小程序网络请求wx.request请求
- 解决·微信小程序开发-网络请求报Invalid request 400错误
- 微信小程序的ajax数据请求wx.request
- 微信小程序request请求实例,网络请求。
- 微信小程序wx.request请求回来的数据没有及时显示到页面上
- 微信小程序使用request网络请求操作实例
- 解决·微信小程序开发-网络请求报Invalid request 400错误
- 微信小程序 网络请求之re.request 和那些坑
- windows2008 phpstudy https证书配置实现微信小程序wx.request发起的 HTTPS 请求。
- 微信小程序把玩(三十)wx.request(object) API
- 微信小程序request请求实例,网络请求。
- 微信小程序 wx.request(object) API详解及实例代码