广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >微信小程序使用uni-app一键获取用户信息
  • 772
分享到

微信小程序使用uni-app一键获取用户信息

摘要

用户不想输入账号密码,一键登录  <label for="" @click="LoginDL">一键登陆</label> uni.getUserPr

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

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

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

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

参数说明:

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);
			}
		})
	})
},

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

 

到此这篇关于微信小程序使用uni-app一键获取用户信息的文章就介绍到这了,更多相关微信小程序使用uni-app一键获取用户信息内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 微信小程序使用uni-app一键获取用户信息

本文链接: https://www.lsjlt.com/news/178416.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序使用uni-app一键获取用户信息
    用户不想输入账号密码,一键登录  <label for="" @click="LoginDL">一键登陆</label> uni.getUserPr...
    99+
    2023-01-28
    微信小程序使用uni-app一键获取用户信息 uni-app一键获取微信小程序用户信息
  • 微信小程序如何使用uni-app一键获取用户信息
    本篇内容介绍了“微信小程序如何使用uni-app一键获取用户信息”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!用户不想输入账号密码,一键登录...
    99+
    2023-07-05
  • 微信小程序获取用户信息
    要在微信小程序中获取用户信息,你可以按照以下步骤进行操作: 在小程序的app.json文件中添加"scope.userinfo"权限,例如: ``` "permission": {   "scope.userinfo": {     "d...
    99+
    2023-09-21
    微信小程序 小程序
  • 微信小程序如何获取用户信息
    自我介绍 我是IT果果日记,微信公众号请搜索 IT果果日记 一个普通的技术宅,定期分享技术文章,欢迎点赞、关注和转发,请多关照。 微信小程序用户基本信息有哪些? 除了基本信息,微信还会提供openId和union...
    99+
    2023-09-05
    微信小程序 小程序 微信 Powered by 金山文档
  • 微信小程序开发之获取用户信息
    环境 微信开发者工具 Stable 1.06.2303220云开发控制台 v1.5.47 用户的openid和头像名称信息 openid 是小程序用户的唯一标识。注意, openid 并不是微信用户的...
    99+
    2023-09-27
    微信小程序
  • 微信小程序开发怎么获取用户信息
    这篇文章主要介绍了微信小程序开发怎么获取用户信息的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序开发怎么获取用户信息文章都会有所收获,下面我们一起来看看吧。第一中直接授权获取(在同一页面之中):首先在微...
    99+
    2023-06-29
  • 微信小程序开发中如何获取用户信息
    这篇文章主要为大家展示了微信小程序开发中如何获取用户信息,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小程序开发中如何获取用户信息”这篇文章吧。wx.getUserInfo(OBJECT)获取...
    99+
    2023-06-26
  • 微信小程序获取用户openid
    小程序端直接获取: 实现代码:直接简单 wx.login({ success(res) { if (res.code) { //发起网络请求 wx.request({ ...
    99+
    2023-08-17
    微信小程序 前端 小程序
  • IVX低代码平台——微信小程序获取用户信息
    写在前面 小程序可以通过方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。本文将向大家展示低代码开发:小程序实现获取用户信息的方法,供大家参考。 文章目录 写在前面开发概述准备工作用户组件发起小程序登录用户组件获...
    99+
    2023-08-17
    低代码 微信小程序 小程序
  • 小程序如何获取用户信息
    这篇文章主要为大家展示了小程序如何获取用户信息,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序如何获取用户信息”这篇文章吧。获取用户信息,withCredentials 为 true 时需要先...
    99+
    2023-06-26
  • 微信小程序如何授权获取用户详细信息openid
    这篇文章主要介绍微信小程序如何授权获取用户详细信息openid,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!小程序获取用户的头像昵称openid之类第一种使用wx.getUserIn...
    99+
    2022-10-19
  • Thinkphp5微信小程序如何实现获取用户信息接口
    这篇文章主要为大家展示了“Thinkphp5微信小程序如何实现获取用户信息接口”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Thinkphp5微信小程序如何实现...
    99+
    2022-10-19
  • 微信小程序实现授权登录之获取用户信息
    本文实例为大家分享了微信小程序实现获取用户信息的具体代码,供大家参考,具体内容如下 小程序登录 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内...
    99+
    2022-11-13
  • 微信小程序如何同时获取用户信息和用户手机号
    今天在写登陆页面的时候,由于需要的个人信息和手机号的授权,但是如果在页面上直接放2个按钮,岂不是很呆??? 索性就写了一个mask层,去引导用户授权手机号。 1. 当我点击快捷登录...
    99+
    2022-11-12
  • 小程序使用getUserInfo获取用户信息失败
    1.使用getUserInfo wx.getUserInfo({ success: (res) => { console.log(res); this.setD...
    99+
    2023-09-05
    小程序 javascript 学习
  • 微信小程序开发之获取用户信息的两种方法
    今天介绍两种微信小程序获取用户信息的方法 第一中直接授权获取(在同一页面之中): 首先在微信程序一个页面的WXML文件写入获取用户信息的按钮 <!-- bindTap用于绑定事...
    99+
    2022-11-13
  • C#微信小程序服务端如何获取用户解密信息
    这篇文章主要为大家展示了“C#微信小程序服务端如何获取用户解密信息”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“C#微信小程序服务端如何获取用户解密信息”这篇文...
    99+
    2022-10-19
  • 微信小程序中如何使用wx.getImageInfo()获取图片信息
    本文将为大家详细介绍“微信小程序中如何使用wx.getImageInfo()获取图片信息”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“微信小程序中如何使用wx.getImageInfo()获取图片信息”能够给...
    99+
    2023-06-26
  • uni-app 使用webview加载H5打开微信小程序
    最近公司有个需求要求在app里点击一个功能打开小程序,并且关闭小程序回到app,模仿平安保险app。 毕竟我也是刚学习uni-app,找了很多资料,找到了一个天天外链的网站可以生成一个小程序的链接,使用uni的webview去加载这个链接,...
    99+
    2023-10-03
    微信小程序 uni-app 小程序
  • 微信小程序实现授权登录之怎么获取用户信息
    这篇文章主要讲解了“微信小程序实现授权登录之怎么获取用户信息”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序实现授权登录之怎么获取用户信息”吧!小程序登录小程序可以通过微信官方提供的...
    99+
    2023-06-30
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作