uni-app——一键获取用户信息

简介: 一键获取用户信息

用户不想输入账号密码,一键登录

<label for="" @click="LoginDL">一键登陆</label>

uni.getUserProfile(只支持微信小程序)

获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo。

参数说明:

df207edeb22a4b0cb0fa10658d3dd52d.png

4a14bcc1f7284c5b916a4c2f8865c270.png

uni.getUserProfile({ //获取微信信息
      desc: '用于获取您的个人信息', // 声明获取用户个人信息后的用途,不超过30个字符
      success: res1 => { //接口调用成功的回调
        uni.showLoading({
        title: '登录中'
        })
        setTimeout(() => {
        uni.hideLoading(); //关闭登陆中状态
        uni.switchTab({
          url: '../myfile/myfile'
        })
        uni.$emit('updateCart') //为了同步渲染购物车数量
        }, 1000)
        var wxfor = {
        wx: res1.userInfo
        }
        //写成键值对形势添加到数据库中
        res.data.data = Object.assign(res.data.data, wxfor)
        this.login(res.data.data)
        console.log(res1);
      }
      })

 

LoginDL() {
                // 传用户名和信息的接口
    getLogin(this.username, this.password).then(res => {
      console.log(11111111111);
      console.log(res);
      uni.getUserProfile({ //获取微信信息
      desc: '用于获取您的个人信息', // 声明获取用户个人信息后的用途,不超过30个字符
      success: res1 => {  //接口调用成功的回调
        uni.showLoading({
        title: '登录中'
        })
        setTimeout(() => {
        uni.hideLoading(); //关闭登陆中状态
        uni.switchTab({
          url: '../myfile/myfile'
        })
        uni.$emit('updateCart') //为了同步渲染购物车数量
        }, 1000)
        var wxfor = {
        wx: res1.userInfo
        }
        //写成键值对形势添加到数据库中
        res.data.data = Object.assign(res.data.data, wxfor)
        this.login(res.data.data)
        console.log(res1);
      }
      })
    })
    },

4c9896f260a0474a980d8ac58ecfd3da.png

在要获取头像的页面接收新增的wx数据,渲染即可,效果如下:(点击一键登录 ——出现弹窗,点击允许——获取成功)

58d3e487b42a40c2a17f7f9138d29527.pngdfa06170de094441941333b9ed445456.png

相关文章
|
存储 JavaScript 开发工具
uniapp-实现微信授权登录
uniapp-实现微信授权登录
3145 0
|
编译器 定位技术 API
|
前端开发 easyexcel Java
Java+EasyExcel实现文件导入导出,导入导出如此简单
项目中需要Excel文件的导入与导出Excel并下载,例如,导入员工信息,导出员工信息,手动输入比较繁琐,所以本篇博文教大家如何在Java中导入Excel文件与导出Excel文件
15667 3
Java+EasyExcel实现文件导入导出,导入导出如此简单
uniapp 登录
uniapp 登录
211 0
|
10月前
|
缓存 Java 应用服务中间件
java语言后台管理若依框架-登录提示404-接口异常-系统接口404异常如何处理-登录验证码不显示prod-api/captchaImage 404 (Not Found) 如何处理-解决方案优雅草卓伊凡
java语言后台管理若依框架-登录提示404-接口异常-系统接口404异常如何处理-登录验证码不显示prod-api/captchaImage 404 (Not Found) 如何处理-解决方案优雅草卓伊凡
1968 5
|
存储 小程序 JavaScript
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
3776 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)