小程序安卓和苹果手机是一个服务器吗,小程序兼容安卓和IOS数据处理问题
最近开发微信小程序,遇到到过种坑,例如什么前端发送请求,后端请求成功,没有获取到前端传递的值;后端请求成功,并且值,前端就是出不来数据;请求接口出现Provision headers are shown的现象;到最后苹果手机上出现数据,安卓手机出现不了数据等等,非常多的bug。备注后端我用的php开发的,框架用的TP5.0,我一度怀疑是我框架的原因。安卓需要的是字符串,苹果好像都行吧,我是做的兼容处理。
作为一名程序员,连bug都没有,你还开发什么软件?废话不说了先上问题吧;
1.小程序前端发送请求给后端,常用的有2中方式,一种是get请求,一种是POST请求,首先举例get请求吧,wx.request({
url: that.globalData.baseUrl + 'user/add',//请求后台接口
data: {
code: avatarUrl,
username: nickName }
header: {
'content-type':'application/json',// 默认值
token: wx.getStorageSync('token')
},
method: "get",
success: function (res) {
// console.log(res)
}
}) 这种传递方式是没有什么问题,后端怎么都会接受到数据,前端也可以接受到数据。
主要是看第二种post方法;
wx.request({
url: that.globalData.baseUrl + 'wx/getToken',//请求后台接口
data: {
code: res.code
},
header: {
"Content-Type": "application/x-www-form-urlencoded",
},
method: "POST",
success: function (res) {
console.log(res);
wx.setStorageSync('token', res.data.data)
}
})
这种情况是后端是可以接受到数据的,,但是把 "Content-Type": "application/x-www-form-urlencoded",换成 'content-type':'application/json',后端接口就接收不到数据,但是有的小程序上面post请求中header头换成'content-type':'application/json',也能接受到数据。但是我后端就是不能,后来我就换成了这个。
2.后端请求成功,并且值,前端就是出不来数据?
主要是请求的类型和你返回给前端的数据类型不对一致。这是你就需要及时检测数据类型,并且换成对应的数据类型。
3.请求接口出现Provision headers are shown的现象
出现上述现象主要是应为阻塞的原因,主要需要下面几个方面,首先是否用了断点,断点没注意,就会出现;数据库方面的请求连接是否过长,否则也会出现。小程序要求速度快,所以一般都用原生数据库接口更好点,响应速度短,界面反应也快。
4.到最后苹果手机上出现数据,安卓手机出现不了数据
例如后端返回数据出现是这种 "{"code":1,"data":"4f756fd91b8a81f1","msg":"请求成功"}" ,那么需要对应处理:首先判断是那种数据类型
var json =res.data
if (typeof json != 'object') {
if (json != null) {
json = json.replace("\ufeff", "")
var ob = JSON.parse(json)
} },转字符串还是json对象,一般都是转json对象,传值得时候转json字符串比较多。有时候返回的值可能会出现前面有个隐藏的点,JSON.parse处理返回什么“token 有个0”,那么需要用下面的处理一下数据var aa = res.data.trim();var bb = JSON.parse(aa);谢谢大家,第一次写。以前都是印象笔记上写;现在简书上写。请多多指教
高尔基:学习并不等于就是摹仿某些东西,而是掌握技巧和方法。