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'
        });
      }
    }
相关文章
|
2月前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
629 0
|
3月前
|
移动开发 小程序 JavaScript
uni-app开发微信小程序
本文详细介绍如何使用 uni-app 开发微信小程序,涵盖需求分析、架构思路及实施方案。主要功能包括用户登录、商品列表展示、商品详情、购物车及订单管理。技术栈采用 uni-app、uView UI 和 RESTful API。文章通过具体示例代码展示了从初始化项目、配置全局样式到实现各页面组件及 API 接口的全过程,并提供了完整的文件结构和配置文件示例。此外,还介绍了微信授权登录及后端接口模拟方法,确保项目的稳定性和安全性。通过本教程,读者可快速掌握使用 uni-app 开发微信小程序的方法。
128 3
|
4月前
|
小程序
uni-app——微信小程序设置全局分享
uni-app——微信小程序设置全局分享
203 0
|
5月前
|
JSON 小程序 数据格式
uni-app 使用vscode开发uni-app
uni-app 使用vscode开发uni-app
228 0
|
7月前
|
开发框架 小程序 JavaScript
微信小程序和uni-app的区别
微信小程序和uni-app的区别
162 1
|
7月前
|
开发框架 JavaScript 小程序
vue , 微信小程序 , uni-app绑定变量属性
vue , 微信小程序 , uni-app绑定变量属性
250 1
|
7月前
|
JavaScript
uniapp实现无法快进的视频
uniapp实现无法快进的视频
75 0
|
7月前
|
JSON API 数据格式
uniapp-获取手机型号
uniapp-获取手机型号
314 0