微信小程序开发问题记录

Posted by Reborn on October 23, 2016

微信小程序开发遇到的问题

前话

最近在研究微信小程序要怎么写,看官方文档感觉好像挺简单的,实际开始做还是遇到不少的问题的。

wx.request遇到的问题

请求链接

  • 请求链接必须是https协议(文挡写的很清楚),在无APPID的情况下,允许使用http协议,但在有APPID必须强制https,否则会报错
  • 添加合法域名的问题,需要到微信公众平台添加相关的域名,而且不允许直接使用IP地址,否则即使是https链接也无法发起请求
  • get和post方式,get方式可以默认不设置header,但post需要设置以下的header,后台就可以在query string parameter获取到post的数据。如果不设置的话,post的数据会被放在request payload中,后台需要进行另外的操作才能获取数据。
    "Content-Type": "application/x-www-form-urlencoded"
    

关于生命周期

对于微信小程序的生命周期,例如在onLoad中最后一步发起请求的,请求还没完成,也不会对小程序造成阻塞,会去执行onShow中的操作,所以将一直重要的赋值放到success之中

...
data: {
    temp:1111,
    ...
}
onLoad: function(){
    ...
    wx.request({
        ..
        success: function(){
            that.setData({
                temp: "123123"
            })
        }
    })
},
onShow: function(){
    console.log(temp);//1111,这是temp可能还是1111,要注意下数据赋值的情况
}