失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 苹果手机微信怎样设置网络连接服务器地址 微信小程序的网络设置 及网络请求:wx.req

苹果手机微信怎样设置网络连接服务器地址 微信小程序的网络设置 及网络请求:wx.req

时间:2021-03-04 23:58:56

相关推荐

苹果手机微信怎样设置网络连接服务器地址 微信小程序的网络设置 及网络请求:wx.req

所有文章会优先在:

微信公众号“颜家大少”中发布

转载请标明出处

?

微信小程序要实现网络请求,首先要对其进行设置,下面以”微信web开发者工具V1.01.170913”为例

一:对于服务器网站没有备案,或只需要做本地测试的用户

在“微信web开发者工具”的“设置”->“项目设置”->“项目设置”中

选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图

二:对已有备案的网站服务器用户

然后,通过下面两步设置

1):在mp.中用自己的小程序帐号登录,在”设置”->”开发设置”中填写服务器域名,如下图:

设置完后,在“微信web开发者工具”的“设置”->“项目设置”->“域名信息”中会看到刚在后台的域名设置,如下图:

2):在“微信web开发者工具”的“设置”->“项目设置”->“项目设置”中

不要选:不校验安全域名、TLS 版本以及 HTTPS 证书,如下图

三:设置完成后,就开始代码部分

先设置一个view用于显示收到服务器应答的数据

再设置一个button,用于点击时调用”httpRequest()”发起对服务器的请求

pages\\index\\index.wxml 内容如下:

Http Receive: {{response}}

http test

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) { //对应: http test 的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.req》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。