微信小程序（八）https网络通信、本地数据缓存、设备能力

Https网络通信

• wx.request() 的作用：往服务器传递数据，从服务器拉取信息。
• request() 有两种方法把数据传递到服务器：
  • get请求：通过url传递参数，如 url:'https://test.com/getinfo?id=1&version=1.0.0'
  • post 请求：通过data传递参数，如：data: { id:1, version:'1.0.0’ },
• 建议使用post 传递数据，因为url 的最大长度是1024字节，url上的参数需要拼接到字符串里，参数的值还要urlEncode。
• 开发中的小程序的request 请求可以任意写，而正式版的小程序则必须遵循以下条件：
  • 遵循https 协议。
  • 在管理平台注册了。

示例

1.使用id 请求新闻内容

url：http://localhost:9000/getNews?id=1
method：’GET’

2.使用id 请求用户名

url：http://localhost:9000/getUserName
method：'POST’
data:{id:2}

本地数据缓存

• 应用场景：有些商城页面一开始加载数据的时候，就会先把本地缓存的数据显示出来。等新的数据加载完成之后，就再用新的数据更新视图。这种方式适用于对数据实时性/一致性要求不高的页面。
• 本地数据缓存：就是将小程序的数据存储在当前设备硬盘上。
• 本地数据缓存的作用：
  • 存储用户在小程序上产生的操作，在用户关闭小程序重新打开时可以恢复之前的状态。
  • 缓存一些服务端非实时的数据，从而提高小程序获取数据的速度。

读取缓存

• 异步读取

wx.getStorage({
  key: 'key1',
  success: function(res) {
    // 异步接口在success回调才能拿到返回值
    var value1 = res.data
  },
  fail: function() {
    console.log('读取key1发生错误')
  }
})

• 同步读取
  try{
  // 同步接口立即返回值
  var value2 = wx.getStorageSync(‘key2’)
  }catch (e) {
  console.log(‘读取key2发生错误’)
  }

写入缓存

• 异步写入

wx.setStorage({
  key:"key",
  data:"value1"
  success: function() {
    console.log('写入value1成功')
  },
  fail: function() {
    console.log('写入value1发生错误')
  }
})

• 同步写入

try{
  wx.setStorageSync('key', 'value2')
  console.log('写入value2成功')
}catch (e) {
  console.log('写入value2发生错误')
}

设备能力

• 小程序的宿主环境提供了很多的操作设备的能力，可以让我们提供开发效率，增强用户体验。
• 常见的设备能力：
  • 扫码
  • 拍照
  • 操控蓝牙
  • 获取设备网络状态
  • 调整屏幕亮度