小程序获取收货地址流程

1.在小程序中，一般在支付订单时，会获取用户的收货地址，分为两种情况：一是用户第一次登录时需要获取收货地二是用户已经登录过，所以只需要选择地址

情况一：

情况二：

获取用户的收货地址的详细流程：

1 写一个button按钮，绑定点击事件

2 调用小程序内置 api 获取用户的收货地址 wx.chooseAddress

3 获取用户对小程序所授予获取地址的权限状态 scope

(1) 假设用户点击获取收货地址的提示框确定 authSetting scope.address

scope 值 true 直接调用获取收货地址

(2) 假设用户从来没有调用过收货地址的api

scope undefined 直接调用获取收货地址

(3) 假设用户点击获取收货地址的提示框取消

scope 值 false

(1)诱导用户自己打开授权设置页面(wx.openSetting) 当用户重新给与获取地址权限的时候

(2) 获取收货地址

4 把获取到的收货地址存入到本地存储中

2.定义页面布局以及样式(省略) button绑定一个点击事件

<view class="cart_add"><view class="cart_address" wx:if="{{!address.userName}}"><button class="cart_add_address" bindtap="handleChooseAddress" type="primary" plain>+ 获取收货地址</button></view >

3.在data中定义数据,address用来获取本地存储中的收货地址

data{address: {},)，onShow() {//  获取缓存中的收货地址信息const address = wx.getStorageSync("address");this.setData({ address });},

4.点击button按钮触发相应的事件获取用户对小程序是否授予获取地址的权限即scope。只用用户确认允许授权才能获取微信地址

// 点击 收货地址async handleChooseAddress() {try {// 获取 权限状态const res1 = await getSetting();const scopeAddress = res1.authSetting["scope.address"];// 判断 权限状态if (scopeAddress === false) {await openSetting();}// 调用获取收货地址的 apilet address = await chooseAddress();address.all = address.provinceName + address.cityName + address.countyName + address.detailInfo;// 存入到本地中wx.setStorageSync("address", address);} catch (error) {console.log(error);}},

小程序获取收货地址流程相关推荐

微信小程序获取收货地址及存储收货地址
这个城市数据的js直接放网盘了我链接:https://pan.baidu.com/s/18UsJ1VUxEI-7LJjVW8BW4w 提取码:mmao wxml <view class=&q ...
微信小程序实现收货地址城市选择效果(添加收货地址)
先来张效果图这里主要是城市选择效果,请忽视其他,不要吐槽,谢谢接下来看一下代码吧 wxml  < ...
微信小程序购物车收货地址实现
首先理一下收获地址按钮的逻辑 1.获取用户的收获地址 1.绑定点击事件 2.调用小程序内置api 获取用户的收获地址,通过wx.chooseAddress 2.获取用户所授予获取地址的权限状态为sc ...
24-微信小程序商城收货地址列表（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）
收货地址列表本节主要讲解收货地址列表界面的实现.效果如图15-5所示. 1.布局分析结构布局分析示意如图15-6所示. 根据上面的布局分析,我们会产生基础的框架,代码示例如下: <view ...
小程序用户收货地址修改
页面使用的是weui的组件.主要实现的思路: 1.从地址管理页跳转过来,在onload里面将传过来的参数address获取后,渲染到前台页面:同时将address数据缓存到本地: 2.修改地址后提交, ...
5分钟快速了解微信小程序如何获取收货地址,耶稣也拦不住,我说的！！！
写在前面最近在学习一个微信小程序的项目,其中涉及了获取收货地址的部分,我将其总结了下,希望能给大家带来些许帮助~ 步骤分析绑定点击事件调用wx.chooseAddress获取用户的收货地址利用 ...
php 调用微信收货地址,php版微信自动获取收货地址api用法示例
微信公众平台现在是越来越强大了,我们可以通过各种api接口来与平台对接获取对应的数据了,下面来看一个由php实现的微信自动获取收货地址api程序,具体如下. 关于接口的说明我就不介绍了,在官方可以看到 ...
php 调用微信收货地址,php微信自动获取收货地址api用法实例详解
这篇文章主要介绍了php版微信自动获取收货地址api用法,结合实例形式分析了php版微信API接口调用与使用技巧,需要的朋友可以参考下微信公众平台现在是越来越强大了,我们可以通过各种api接口来与平 ...
微信小程序获取客户端IP地址,HTTPS接口(ts\js)
微信小程序获取用户IP地址,HTTPS接口很简单实用的ip地址接口, 只返回当前ip 接口返回内容格式为: {"ip":"27.211.239.98"} // ...
小程序开发API之获取收货地址wx.chooseAddress
wx.chooseAddress(Object object) 调用前需要用户授权 scope.address 获取用户收货地址.调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址. 参 ...

小程序获取收货地址流程

1.在小程序中，一般在支付订单时，会获取用户的收货地址，分为两种情况：一是用户第一次登录时需要获取收货地二是用户已经登录过，所以只需要选择地址

2.定义页面布局以及样式(省略) button绑定一个点击事件

3.在data中定义数据,address用来获取本地存储中的收货地址

4.点击button按钮触发相应的事件获取用户对小程序是否授予获取地址的权限即scope。只用用户确认允许授权才能获取微信地址

小程序获取收货地址流程相关推荐

最新文章

热门文章

小程序获取收货地址流程

1.在小程序中，一般在支付订单时，会获取用户的收货地址，分为两种情况：一是用户第一次登录时需要获取收货地 二是用户已经登录过，所以只需要选择地址

2.定义页面布局以及样式(省略) button绑定一个点击事件

3.在data中定义数据,address用来获取本地存储中的收货地址

4.点击button按钮触发相应的事件 获取用户对小程序是否授予 获取地址的权限 即scope。只用用户确认允许授权才能获取微信地址

小程序获取收货地址流程相关推荐

最新文章

热门文章

1.在小程序中，一般在支付订单时，会获取用户的收货地址，分为两种情况：一是用户第一次登录时需要获取收货地二是用户已经登录过，所以只需要选择地址

4.点击button按钮触发相应的事件获取用户对小程序是否授予获取地址的权限即scope。只用用户确认允许授权才能获取微信地址