uniapp uni.getUserProfile的使用

简介: uniapp uni.getUserProfile的使用

小程序登录、用户信息相关接口调整说明:链接地址

考虑到近期开发者对小程序登录、用户信息相关接口调整的相关反馈,为优化开发者调整接口的体验,回收wx.getUserInfo接口可获取用户授权的个人信息能力的截止时间由2021年4月13日调整至2021年4月28日24时;


最近再用uniapp做一款小程序,使用uni.getUserInfo()一直获取不到数据,在官网上看到了上面的公告

一、使用方法

     html中:

<button @click="goLogin" class="bottom-btn" type="default" size="mini">登入</button>

    js中

      goLogin() {
            //判断缓存中是否有用户数据,没有则获取
      if (!uni.getStorageSync('encryptedData')) {
        uni.getUserProfile({
          desc: '獲取您的昵稱、頭像、地區及性別',
          success: infoRes => {
            if (infoRes.errMsg === 'getUserProfile:ok') {
                            // 获取到的当前数据存入缓存
              uni.setStorageSync('encryptedData', infoRes.encryptedData);
              uni.setStorageSync('iv', infoRes.iv);
              uni.setStorageSync('rawData', infoRes.rawData);
              uni.setStorageSync('signature', infoRes.signature);
              uni.setStorageSync('securityStatus', 1);
                            // 选择版本
              uni.navigateTo({
                url: '/platforms/mp-weixin/register/registerVersion'
              });
            } else {
              uni.showToast({
                title: '授權失敗',
                icon: 'error'
              });
            }
          },
          fail: err => {
            console.log('userInfo-err', JSON.stringify(err));
          }
        });
      } else {
        uni.navigateTo({
          url: '/platforms/mp-weixin/register/registerVersion'
        });
      }
    }
相关文章
|
小程序
uni-app——一键获取用户信息
一键获取用户信息
776 0
|
存储 JavaScript 开发工具
uniapp-实现微信授权登录
uniapp-实现微信授权登录
3884 0
|
定位技术 开发者
uni-app获取地理位置
uni-app获取地理位置
2131 0
|
小程序 JavaScript API
uniapp微信小程序获取用户手机号
uniapp微信小程序获取用户手机号
1268 0
|
容器
UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...)
UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...)
3394 0
|
前端开发 JavaScript 应用服务中间件
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
本文介绍如何在uniapp项目中实现谷歌授权登录,无需后端参与。文章分为三部分:1)谷歌授权登录流程,详细说明从用户点击登录到获取用户信息的整个过程;2)谷歌开发者控制台配置,包括创建项目、配置同意屏幕及OAuth客户端ID等步骤;3)uniapp前端实操,提供具体代码示例,展示如何获取授权码并用其交换访问令牌,最终获取用户信息
2140 2
【uniapp】谷歌授权登录,前端uniapp直调(含源码)

热门文章

最新文章