小程序webview获取用户信息（小程序 webview openid）

今天给各位分享小程序webview获取用户信息的知识，其中也会对小程序 webview openid进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、怎样开发微信小程序获取用户个人信息
• 2、微信小程序获取用户信息、获取用户手机号码
• 3、小程序需要获取您的用户信息授权，请到小程序设置中打开授权
• 4、在 towify 制作小程序时，如何设置“获取微信用户信息”？
• 5、小程序获取用户信息
• 6、微信小程序获取当前用户信息

怎样开发微信小程序获取用户个人信息

微信小程序有两种获取用户信息的方案。

1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息) 

2、包含敏感信息openId的基本信息。

第一种获取方案

1、首先调用wx.login()接口 让用户授权验证，也就是我们肉眼观察到的，你是否对xxxxx授权这种信息。 

2、用户成功授权后，调用wx.getUserInfo() 接口获取用户信息。

完整代码如下

wx.login({ success:function(){ wx.getUserInfo({  success:function(res){  var simpleUser = res.userInfo;  console.log(simpleUser.nickName);  } }); }});

第二种比较复杂了，需要与后台进行交互才能获得userInfo，但是这种方案获得的数据是完整的(包含openId)。

1、调用wx.login()接口 授权 在success 成功函数的参数中包含code。 

2、调用wx.getUserInfo()接口success 函数中包含encryptedData、iv 

3、将上述参数传给后台解析，生成userInfo

微信小程序获取用户信息、获取用户手机号码

微信小程序 在获取用户信息的时候 有特定的要求 ：

button 按钮中open-type有两种方式获取用户的信息：getUserInfo/getPhoneNumber

下面两种信息就是直接展示用户头像和用户微信名但不可获取：

下面我们主要介绍获取微信绑定的手机号的问题：（MPvue模板）

bindGetUserInfo函数中的Even里面包好detail里面会有三个参数：

返回参数的话是需要解密才能使用的，在这里介绍一下第三种使用云调用直接获取开放数据的方式（前端自己解密不需要调用后端接口了~）：

    1、首先你的微信小程序是需要开通云开发的。（否则的话在你获取星系以后没回参数里面是没有cloudID的）。

     2、在云开发里面选择云函数然后新建云函数（注意新建云函数的名字下面需要用到的）

        3、接下就是在获取用户信息以后调用函数解密：（mp vue 使用的话需要wx.clould.init(）初始化 原生的可以忽略直接调用）

        4、success ：callback里面res 里面包含了当前微信账号大量信息：如手机账号（res.result.weRunData.data.phoneNumber）

        5、剩下的就简单多了 可以拿着手机号码进行信任登陆了 ！

小程序需要获取您的用户信息授权，请到小程序设置中打开授权

1、首先打开自己的个人微信。

2、在自己的微信上打开小年糕+小程序。

3、进入到小年糕+界面，选择点击我进入个人中心。

4、在小年糕+的个人中心，点击上方的授权按钮。

5、然后在申请授权页面点击允许。

6、接着回到小年糕+的个人页面，可以看到已经授权成功变成了你自己的头像。

在 towify 制作小程序时，如何设置“获取微信用户信息”？

在设置获取微信用户信息之前，你需要先配置好微信登录这个功能。然后准备好一个点击触发获取用户信息的组件（触发组件）。然后跟着以下两个步骤来实行：

第一步，创建“请求微信用户信息”事件：打开事件中心，点击“+”。接着点击请求微信用户信息，最后创建请求微信用户信息事件。

第二步，创建获取用户信息触发器：选中触发组件，点击检查器面板的触发器图标，创建获取用户信息的触发器，最后配置获取用户信息的触发器。

完成以上两个步骤就OK啦。

小程序获取用户信息

一.使用 open-data 组件

基本使用 open-data 是微信小程序官方提供的组件，作用是用来展示微信开放的数据。 展示用户头像：

设置样式 若需要给这个组件设置样式，需要在外层包一个 view 标签，为这个标签写样式。如让这个头像显示成圆形：

二、使用 wx.getUserInfo (不推荐使用)

过去获取用户信息一般都是用这种方式。使用时，若用户未授权，会直接弹出授权框。 为了优化用户体验，调用这个接口将无法弹出授权框，而是会默认调用失败。

退出登录信息

微信小程序获取当前用户信息

一个很常用的功能，但是我还是发现有一些需要注意的地方在里面，简单记录一下。

第一个问题就是这个 button 组件需要添加 open-type 属性，并指定为 getUserInfo 类型，来获取用户基本信息。还有另外一种做法，具体可以参考 官方文档的说明 。

放一个动图哈哈哈

js 部分就是响应点击事件，使用 api wx.getUserInfo(Object object)

获取用户信息，注意传递给 wx.getUserInfo 的是一个字典其中包含了两个函数分别作为成功和失败的回调函数（callback function）

注意 this 的指代对象发生了变化，最开始的this是指代 Page() 构造出来的对象，在函数里面使用 this 会说未指定，所以我们使用了 that 承接一下，这也算传统艺能咯。

另外一点：获取用户信息时会自动弹出一个对话框问用户是否提供信息，这个弹窗只弹出一次，如果用户点击了拒绝后来又想改为允许，可以使用 wx.openSetting({})

除了可以获取用户的昵称之外还有很多信息可以得到，还有一个比较常用的就是用户头像了也就是 res.userInfoavatarUrl 。

关于小程序webview获取用户信息和小程序 webview openid的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。