10.小程序的授权登录

╰半橙微兮° 2023-02-17 11:09 2阅读 0赞

#### 个人授权 ####

1.小程序只要第一次授权后，以后该就不用授权了
    2.小程序支持ES5、ES6等

center.wxml

<view wx:if="{ { !users }}">
      
      <button open-type="getUserInfo" bindgetuserinfo="handleGetUserInfo">授权</button>
    </view>
    
    <view wx:else>
      
      <view style="text-align: center">
        <image src="{ { users.avatarUrl }}"></image>
      </view>
      
      <view>{
       { users.nickName }}</view>
    </view>

center.js

Page({ 
      /** * 生命周期函数--监听页面加载 */
      onLoad: function (options) { 
        // 把storage数据取出来，同步到users
        this.setData({ 
          users: wx.getStorageSync('users')
        })
      },
    
      // 授权
      handleGetUserInfo (data) {  // 第一次授权会弹出是否授权的提示框
        // 把JSON数据转为普通对象
        let obj = JSON.parse(data.detail.rawData)
        this.setData({ 
          users: obj
        })
        // 存储storage
        wx.setStorageSync('isLogin', true)
        wx.setStorageSync('users', obj)
      }
    })

center.wxss

image { 
      width: 200rpx;
      height: 200rpx;
      border-radius: 50%;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 10.小程序的授权登录

个人授权 1.小程序只要第一次授权后，以后该就不用授权了 2.小程序支持ES5、ES6等 center.wxml <!-- ---------

╰半橙微兮°/ 2023年02月17日 11:09/ 0 赞/ 3 阅读

相关小程序授权登录

小程序授权登录一、使用open-type=“getUserInfo” 和 bindgetuserinfo=“自定义” 获取用户信息(头像、呢称、地区等) ![在这

古城微笑少年丶/ 2022年12月30日 13:59/ 0 赞/ 169 阅读

相关小程序如何登录授权

如何登录授权登录的时候获取用户的token 什么token？用户权限标识前端鉴权的一种方式（可认为是一把钥匙）后端生成有时效性 token的传递顺

小鱼儿/ 2022年12月25日 00:50/ 0 赞/ 142 阅读

相关微信小程序授权登录

1.流程首先在用户打开小程序的时候，通过`wx.openSetting`判断用户是否已授权，如果没有授权的话，显示button按钮下面是wxml的相关代码

末蓝、/ 2022年12月24日 15:54/ 0 赞/ 278 阅读

相关 uni-app小程序授权登录

在uni-app授权登录的时候我发现本地测试都没有在开发者工具里面弹窗授权。但是却授权成功，获取到了用户的一些基本信息。发布到了体验版也没问题，因为能够使用体验版的都是小程

我不是女神ヾ/ 2022年11月19日 04:08/ 0 赞/ 187 阅读

相关微信小程序授权登录

微信的详细登录流程如下图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

小灰灰/ 2022年10月23日 08:26/ 0 赞/ 387 阅读

相关小程序拉取登录授权

小程序在某次更新后,已经不支持自动拉取权限,而需要手动去获取. 以一下是代码 1) 弹窗提示框 (authorizeAlert 放在根目录的 c

偏执的太偏执、/ 2022年04月24日 15:52/ 0 赞/ 235 阅读

相关微信小程序授权登录

现在微信小程序非常火爆，很多常规的APP都推出了自己的微信小程序。说到微信小程序，不可避免会触及到微信账号的授权登录，现在来说说一下哈！首先需要自己的一个小程序，可以到微

古城微笑少年丶/ 2022年03月27日 06:28/ 0 赞/ 582 阅读

相关微信小程序授权登录

现在微信小程序非常火爆，很多常规的APP都推出了自己的微信小程序。说到微信小程序，不可避免会触及到微信账号的授权登录，现在来说说一下哈！首先需要自己的一个小程序，可以到微

左手的ㄟ右手/ 2022年03月25日 16:14/ 0 赞/ 602 阅读

相关小程序(三)：授权登录

1、登录按钮: 　　open-type='getUserInfo' 打开授权页面　　bindgetuserinfo="getUserInfo" 打开授权页面点击确定，执行

比眉伴天荒/ 2021年12月15日 15:07/ 0 赞/ 344 阅读