5分钟快速了解微信小程序如何获取收货地址,耶稣也拦不住,我说的！！！

Posted 2021-06-15 她还会来吗

写在前面

最近在学习一个微信小程序的项目,其中涉及了获取收货地址的部分，我将其总结了下,希望能给大家带来些许帮助~

步骤分析

1. 绑定点击事件
2. 调用wx.chooseAddress获取用户的收货地址
3. 利用wx.getSetting获取用户对小程序所授予的获取地址的权限状态scope

   const scopeAddress = result.authSetting["scrope.address"];

• .假设用户点击获取收货地址的提示框确定scope=true,直接调用获取收货地址
  

• 假设用户从来没有调用过收货地址的api,scope=undefined直接调用获取收货地址
  

• 假设用户点击获取收货地址的提示框取消,scope=false
  

  • 诱导用户自己打开授权设置页面wx.openSetting,当用户重新给予获取地址权限的时候获取收货地址

   wx.openSetting({
          success: (result1) => {
            // 可以调用 收货地址代码
            wx.chooseAddress({
              success: (result2) => {
                console.log(result2);
              },
              fail: (res) => {},
              complete: (res) => {},
            })
          },
        })

如果大家觉得我此处的授权讲的不清晰的话,可以去观看下大佬的博客哦获取授权

代码实现

//  获取权限状态
  wx.getSetting({
    success:(result)=>{
      // 获取权限状态 主要发现一些属性名很怪异的时候 都要使用[]形式来获取属性值
      const scopeAddress = result.authSetting["scrope.address"];
      if(scopeAddress===true||scopeAddress===undefined){
          wx.chooseAddress({
            success: (res) => {
              const address = res;
            wx.setStorageSync('address', address);
            console.log();
            },
            fail: (res) => {},
            complete: (res) => {},
          })
      }
      else{
        // 用户以前拒绝过授予权限 先诱导用户打开授权页面
        wx.openSetting({
          success: (result1) => {
            // 可以调用 收货地址代码
            wx.chooseAddress({
              success: (result2) => {
                console.log(result2);
              },
              fail: (res) => {},
              complete: (res) => {},
            })
          },
          fail: (res) => {},
          complete: (res) => {},
        })
      }
    }
  })
  //  获取收货地址
  wx-wx.chooseAddress({
    success: (result) => {
      console.log(result);
    },
    fail: (res) => {},
    complete: (res) => {},
  })

结语

微信小程序，真的是越学越开心,我阿伟今天就要冲死在这里！！！