用户登录

handleUserInfo 是获取用户信息用的一个事件处理 .. result 是得到的数据 .. 在方法里可以使用一个 switch 检查一下 result 里的 detail 的 errMsg ..

如果用户允许获取,这个 errMsg 的值是 getUserInfo:ok .. 这样就可以去执行一下 this.wxUserBind .. 然后 break 出来 ..

再添加一种情况,如果 errMsg 的值是 getUserInfo:fail auth deny ,说明用户拒绝授权使用微信帐户信息 .. 这种情况可以使用 Taro.atMessage 显示一条提示信息 .. type 是 warning .. message 是 无法获取您的微信用户信息 .. 然后再 break 出来 ..

wxUserBind

打开 wxUserBind 这个方法 ..

成功得到了用户的授权,获取到用户微信帐户信息以后,设置一下页面的状态 .. 让 wxUserInfo 的值等于得到的 userInfo .. 再把 action 设置成 wxBind .. submitButtonText 设置成 绑定微信用户 ..

下面再用 Taro.setNavigationBarTitle ,把页面的标题 .. 设置成 为现有用户绑定微信帐户 .. 再用 Taro.atMessage 显示一条信息,type 设置成 info .. message 是 输入应用的用户与密码并确认绑定。

在页面的 state 里面,添加一个 wxUserInfo .. 默认让它等于一个空白的对象 ..

视图

页面视图可以再调整一下 .. 直接让这三个文字全部都显示出来 .. 不去判断任何的条件 .. 中间用斜线分隔一下 ..

预览

回到模拟器 .. 按一下微信登录 .. 页面上的表单的提交按钮文字会变成 绑定微信用户 ..

清空一下全部的缓存 .. 再按一下微信登录 .. 提示让用户授权 .. 申请授权 .. 然后点击拒绝 .. 会显示一条警告信息 ..

再按一下 微信登录 .. 申请授权 .. 这种选择 允许 .. 会提示用户绑定微信帐户 ..

用户使用微信登录时提醒用户绑定微信帐户《 电商小程序案例:绑定微信 》

统计

10547
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点