零基础学小程序006---小程序获取用户信息用户昵称
时间:2022-07-28
本文章向大家介绍零基础学小程序006---小程序获取用户信息用户昵称,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
上一节给大家讲了零基础学小程序005---小程序登陆注册功能实现。我们有时候只需要获取到微信用户的用户名和用户信息就可以了,不一定非得让用户去注册。所以这一节来给大家讲一下如何获取用户信息。 先来看下请求到的结果
获取用户信息.png
目前微信提供的获取用户信息的方式主要是下面两种方式
- 1,通过wx.getUserInfo
wx.getUserInfo({
success: function(res) {
console.log(res.userInfo)
}
})
- 2,通过<button open-type="getUserInfo" ></button>
用于第一种方式,微信现在不在给弹窗提示了,所以推荐使用第二种方式
微信api.png
下面就来讲下用第二种方式如何获取用户信息 主要实现代码如下
//user.wxml里布局
<button open-type="getUserInfo"
type="primary" bindgetuserinfo="onGotUserInfo">
获取用户信息
</button>
// button获取用户信息
onGotUserInfo: function(e) {
if (e.detail.userInfo) {
var user = e.detail.userInfo;
app._saveUserInfo(user);
} else {
console.log("用户拒绝了登陆");
}
},
我们通过设置open-type="getUserInfo" 来实现点击登陆按钮时获取用户信息, 通过bindgetuserinfo="onGotUserInfo"来把获取到的用户信息传递到js文件里,进而做一些后续操作。
当我们点击登陆按钮时,会有如下弹窗
用户拒绝登陆.png
如果用户点拒绝登陆,我们可以提醒用户。如果用户点击允许我们就可以获取到用户的信息了。
下面就是我们获取到到用户信息
{nickName: "小程序小游戏开发", gender: 1, language: "zh_CN", city: "Hangzhou", province: "Zhejiang", …}
到此我们就实现了小程序获取用户信息的功能了,是不是很简单。
- 关于刘海打理这种事儿,美团点评的iOS工程师早就有经验了,不信你看!
- 这个Spring高危漏洞,你修补了吗?
- 详析JSONP跨域
- Android Binder漏洞挖掘技术与案例分享
- Stanford机器学习笔记-5.神经网络Neural Networks (part two)
- 监控平台前端SDK开发实践
- 一步步实现静态页面布局
- Stanford机器学习笔记-3.Bayesian statistics and Regularization
- 在R中使用支持向量机(SVM)进行数据挖掘
- 【你问我答】你与Java大牛的距离,只差这24个问题
- Android漏洞扫描工具Code Arbiter
- Huawei HG532 系列路由器远程命令执行漏洞分析
- postMessage与postMessage跨域
- 【手把手教你做项目】自然语言处理:单词抽取/统计
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 3种 Springboot 全局时间格式化方式,别再写重复代码了
- pip conda 安装速度慢解决方法
- Linux 中指定使用的GPU
- 未读消息(小红点),前端 与 RabbitMQ 实时消息推送实践,贼简单~
- Day13 :调整数组顺序使奇数位于偶数前面
- TensorFlow 指定GPU 日志却显示的是第0块
- bazel 出现no such package '@org_tensorflow//tensorflow' 错误
- tensorflow API——tf.random_uniform 使用
- go cannot find package "golang.org/x/crypto/ssh/terminal" 解决方案
- go 中的 defer 使用及其规则
- 数据结构算法操作试题(C++/Python/Go)——938 二叉搜索树的范围和
- Android Studio 代理配置了Gradle依旧连接超时
- Dart 中变量类型 var, Object, dynamic 区别
- C++ 中的static关键字使用场景
- Dart 中的生产模式和检查模式