微信小程序后台持续定位功能使用详解

image.png
image.png
image.png

小程序后台持续定位功能和联系定位的接口
从上到下分别是
1.wx.onLocationChange//监听位置实时变化
2.wx.stopLocationUpdate//关闭监听实时位置变化，前后台都停止消息接收
3.wx.startLocationUpdate//开启小程序进入前台时接收位置消息

4.wx.startLocationUpdataBackground//开启小程序进入前后台时均接收位置消息
详细信息可查看https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.startLocationUpdateBackground.html
刚好正在做的项目需要用到后台的定位，下面介绍下使用方法：
要实现后台持续定位需要用到上述1,2,4
1.首先需要在app.josn中加入，这样小程序才能在后台调用定位功能

"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示" 
    }
  },
  "requiredPrivateInfos": [
    "getLocation",
    "startLocationUpdate",
    "onLocationChange",
    "startLocationUpdateBackground"
  ],
  "requiredBackgroundModes": ["location"]

"requiredBackgroundModes": ["location"]这句话一定要加上
要不然不会出现获取定位

image.png

2.在页面index.js中加入我们所需要用到的api
首先我们需要开启小程序进入前后台时均接收位置消息

getLocation() {
    const _that = this;
    wx.startLocationUpdateBackground({
      success: (res) => {
        console.log('定位成功', res);
      },
      fail: (err) => {
        console.log('定位失败', err);
        wx.getSetting({
          success(res) {
            console.log(res);
            if (res.authSetting['scope.userLoactionBackground']) {
              console.log('授权成功');
            } else {
              console.log('授权失败');
              wx.showModal({
                content: '需要获取前后台运行定位权限',
                success: (res) => {
                  if (res.confirm) {
                    wx.openSetting({
                      success: (res) => {
                        console.log('open',res)
                        if (res.authSetting['scope.userLocationBackground']) {
                          _that.getLocation();
                        } else {
                          wx.showToast({
                            title: '不能坚持在后台运行',
                          })
                        }
                      },
                      fail: (err) => {
                        wx.showToast({
                          title: '不能坚持在后台运行',
                        })
                      }
                    })
                  } else {
                    wx.showToast({
                      title: '不能坚持在后台运行',
                    })
                  }
                }
              })
            }
          }
        })
      }
    })
  }

注意这个API无法在开发者工具上调试，只能用真机来进行

在调用完这个方法成功后我们便可以使用wx.onLocationChange来获取实时的位置变化了

wx.onLocationChange(function(res) {  console.log('location change', res) })

大概每3秒钟会获取一次新的定位信息，小程序进入后台之后状态栏会显示小程序正在使用位置信息
如何想要关闭需要调用wx.stopLocationUpdate方法

经过测试在调用完wx.stopLocationUpdate停止监听实时位置变化后

再次调用wx.startLocationUpdataBackground后wx.onLocationChange无需重新调用也会继续运作