微信更新api后，wx.getUserInfo在开发和体验版本都不能弹出授权窗口。微信文档说明：

注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作

  1. 当用户未授权过，调用该接口将直接报错
  2. 当用户授权过，可以使用该接口获取用户信息

对此，给出以下解决方案。

wx.getUserInfo({
withCredentials: true,
success: function (res) {
//此处为获取微信信息后的业务方法
 
},
fail: function () {
//获取用户信息失败后。请跳转授权页面
wx.showModal({
title: '警告',
content: '尚未进行授权，请点击确定跳转到授权页面进行授权。',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
wx.navigateTo({
url: '../tologin/tologin',
})
}
}
})
}
})

调取该方法失败后跳转到授权页面。

授权页面加入

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>

并在js中，加入这个方法

bindGetUserInfo: function(e){
var that = this;
//此处授权得到userInfo
console.log(e.detail.userInfo);
//接下来写业务代码
//最后，记得返回刚才的页面
wx.navigateBack({
delta: 1
})
}

至此，即可完成引导用户手动授权的过程。解决此次更新api所带来的问题。

转自：https://blog.csdn.net/xishuchen0520/article/details/80410861

【关于微信小程序登录信息】 微信即将不再支持wx.getUserInfo() 授权弹出框 2018年5月12日

转自：https://blog.csdn.net/u013408059/article/details/80291239

先看一张图： 这是地址：点击打开链接

显示微信可能处于安全考虑，这个方法已经不能用于自动获取用户信息了，

大致意思就是：

以前这个方法 如果用户未授权获取用户信息， 你调用这个wx.getUserInfo() , 小程序会弹出一个授权的弹出框。类似：

然后你再去

this.globalData.userInfo = res.userInfo，去获取用户信息

但是！！！

现在的意思是： 你直接调用这个方法依旧可以获取用户信息， 但是如果你之前没有点击过那个授权的小弹出框，这个方法就直接报错了，需要你直接去引导用户去授权。

那么怎么授权呢，

说的很明显，你需要一个button去弹出这个授权框框，引导用户去授权。

这个button怎么看呢，无非就是写一个点击事件，button必须设置一个属性：open-type='getUserInfo' ，设置好了之后，你点击这个button就会弹出这个授权框，然后你在调用wx.getUserInfo() 就会获取信息啦，方法吧。

记录一下。

wx.getUserInfo({
success: res => {
console.log(123);
// 可以将 res 发送给后台解码出 unionId
this.globalData.userInfo = res.userInfo
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
} ，
            fail:res=>{
// 获取失败的去引导用户授权
 
})

怎么查询授权信息呢：微信同样给了答案，
https://developers.weixin.qq.com/miniprogram/dev/api/setting.html#wxgetsettingobject

判断这个玩意下面的userInfo ;

你以为这样就完了？我查阅了这个玩意儿的属性表：

whf??!!!

===============2018年5月16日20:28:11============

下面这个就不要看了,微信社区中回复或这是他们失误没去掉, 大家以后继续用就行.

显示废弃了！：

我是不知道怎么弄了。大不了就不去查询授权信息了，直接查询userinfo是不是非空不就得了。。。。

===============2018年5月16日20:28:14===========

以上。

===========================================================================

拒绝授权返回信息：

{
"type": "getuserinfo",
"timeStamp": 6012,
"target": {
"id": "",
"offsetLeft": 0,
"offsetTop": 380,
"dataset": {}
},
"currentTarget": {
"id": "",
"offsetLeft": 0,
"offsetTop": 380,
"dataset": {}
},
"detail": {
"errMsg": "getUserInfo:fail auth deny"
}

}

授权之后的返回信息格式：

{
"type":"getuserinfo",
"timeStamp":123686,
"target":{
"id":"",
"offsetLeft":0,
"offsetTop":380,
"dataset":{
}
},
"currentTarget":{
"id":"",
"offsetLeft":0,
"offsetTop":380,
"dataset":{
}
},
"detail":{
"errMsg":"getUserInfo:ok",
"rawData":"{}",
"userInfo":{
"nickName":"王**",
"gender":1,
"language":"zh_CN",
"city":"Haidian",
"province":"Beijing",
"country":"China",
"avatarUrl":""
},
"signature":"",
"encryptedData":"",
"iv":""
}

}

总之还是去看文档吧，比较良心了。

微信公众平台userinfo信息格式

微信小程序~wx.getUserInfo逐渐废弃，小程序登录过程优化

很多的时候我们在做小程序应用的时候，希望用户在使用小程序前进行登录授权，之前登录后通过wx.getUserInfo直接弹出授权的登录方式官方的意思是将不再支持，而是让用户通过下面的方式授权用户信息

<button open-type="getUserInfo" bindgetuserinfo="getUserInfoAction">授权用户信息</button>
这样的话当小程序在使用前一定需要用户登录，或者已经进行到需要用户登录的操作时；这样的话就需要一个button授权页面。这种改变，感觉个人还是喜欢默认弹层的的授权方式，这个方式可能一时不适应吧，有种排斥。
下面是通过button授权的方式做的一个登录：这里我只是展示了login.js 与 index.js 过程，有不对或者不好的地方欢迎加群交流指正。
login.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
const ajax = require("../../common/ajax.js")
const tips = require("../../common/tips.js")
Page({
  /**
   * 页面的初始数据
   */
  data: {
 
  },
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this;
     
  },
  getUserInfoAction(res){
    let that = this;
    const encryptedData = res.detail.encryptedData;
    const iv = res.detail.iv;
 
    if (encryptedData && iv){
      // console.log("允许")
      that.login().then((login)=>{
 
        const params = {
          "code": login.code,
          "encryptedData": encryptedData,
          "iv": iv,
          "type": "small_wechat"
        }
 
        ajax.posts(params, "api/passport/thirdSign").then((res) => {
          
          let userinfo = {
            avatar: res.data.data.avatar,
            nickname: res.data.data.nickname,
            token: res.data.data.token,
            user_id: res.data.data.user_id
          }
          wx.setStorageSync("userinfo", userinfo);
 
          // console.log(wx.getStorageSync("userinfo"));
          if (wx.getStorageSync("userinfo")){
            wx.redirectTo({
              url: '/page/index/index'
            })
          }
           
 
           
        }).catch((errMsg) => {
          tips.showToast("网络连接失败", "none")
          console.log(errMsg)
        })
 
      }).catch((errMsg) => {
        console.log("登录:" + errMsg)
      })
 
    }else{
      // console.log("拒绝")
      tips.showToast("请授权公开信息,登录小程序", "none")
    }
 
  },
  login(){
    // 登录
    let promise = new Promise((resolve, reject) => {
      wx.login({
        success: function (res) {
          if (res.code) {
            resolve(res)
          } else {
            tips.showToast("登录失败", "none")
          }
        },
        fail: function (err) {
          reject(err)
        }
      })
 
    })
    return promise;
  }
})

index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
const tips = require("../../common/tips.js")
Page({
 
  /**
   * 页面的初始数据
   */
  data: {
     
  },
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this;
    if (!wx.getStorageSync("userinfo")) {
      //是否登录
      that.isloginindex()
    }
 
  },
  isloginindex() {
    //是否进入首页
    if (wx.getStorageSync("userinfo")) {
      console.log("登录")
    } else {
      //无信息
      console.log("否登录")
      wx.redirectTo({
        url: '/page/login/login'
      })
    }
  }
})
 
 通过button open-type="getUserInfo"的方式授权登录小程序流程，还没有想到一个更好的办法，目前是这么干的；如果有不对或者更好方式的欢迎指正或者一起交流
 

***小程序wx.getUserInfo不能弹出授权窗口后的解决方案的更多相关文章

  1. 微信小程序~wx.getUserInfo逐渐废弃，小程序登录过程将如何优化？

    很多的时候我们在做小程序应用的时候,希望用户在使用小程序前进行登录授权,之前登录后通过wx.getUserInfo直接弹出授权的登录方式官方的意思是将不再支持,而是让用户通过下面的方式授权用户信息 & ...

  2. 小程序wx.getUserInfo获取用户信息方案介绍

    问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本 API和组件 - -   - -     背景 小程序一个比较重要的能力就是获取用户信息,也就是使用 wx.g ...

  3. .NET 小程序 wx.getUserInfo(OBJECT) 解密 encryptedData 来获取UnionId

    在小程序中通过 wx.getUserInfo 获取用户信息,而UnionId 只有关主了公众号才会返回,不关注公众号想获取UnionId则需要我们从返回的 encryptedData 中解码从而获取U ...

  4. 微信小程序之自定义底部弹出框动画

    最近做小程序时,会经常用到各种弹框.直接做显示和隐藏虽然也能达到效果,但是体验性太差,也比较简单粗暴.想要美美地玩,添加点动画还是非常有必要的.下面做一个底部上滑的弹框. wxml <view ...

  5. 微信小程序组件 加减号弹出框

    <!-- 点击立即抢拼弹出框 --> <view class='add-rob' bindtap="setModalStatus" data-status=&qu ...

  6. 微信小程序wx.switchTab跳转到tab页面后onLoad里面的方法不执行

    相信大家在做小程序的时候启动页跳转到tab首页会用到switchTab 但是在跳转后发现页面模块不全,后面console.log()后发现是onLoad里面的方法不执行 解决这种问题的方法页有很多中, ...

  7. USB调试不能弹出授权窗口 unauthorized 的解决办法

    今天把 AndroidStudio 1.5 给卸载了,重新安装 2.1版本,据说速度快了很多,结果手机一直没法授权调试,授权USB调试信任PC设备的窗口始终没看到,网上找了好多方法,什么驱动.重启.各 ...

  8. 微信小程序 wx.getUserInfo 解密 C# 代码

    花了6小时,弄出来的代码.网上的是PHP代码 public static string DecodeUserInfo(string raw, string signature,string encry ...

  9. 微信小程序 wx.getUserInfo 解密 C# 代码 - 转

    public static string DecodeUserInfo(string raw, string signature,string encryptedData, string iv) { ...

随机推荐

  1. SpringSecurityOAuth使用JWT Token实现SSO单点登录

    ⒈认证服务器 1.添加pom依赖 <dependency> <groupId>org.springframework.boot</groupId> <arti ...

  2. 【转】python f-string

    [转]python f-string   文章目录 1. 主要内容 1.1. 旧时代的格式化字符串 1.1.1. Option #1: %-formatting 1.1.2. 怎样使用 %-forma ...

  3. 使用C++编写linux多线程程序

    前言 在这个多核时代,如何充分利用每个 CPU 内核是一个绕不开的话题,从需要为成千上万的用户同时提供服务的服务端应用程序,到需要同时打开十几个页面,每个页面都有几十上百个链接的 web 浏览器应用程 ...

  4. 【转】Java finally语句到底是在return之前还是之后执行？

    网上有很多人探讨Java中异常捕获机制try...catch...finally块中的finally语句是不是一定会被执行?很多人都说不是,当然他们的回答是正确的,经过试验,至少有两种情况下final ...

  5. <TCP/IP>DHCP动态主机配置协议

    坚持是一种好习惯 大家都知道,为了上网我们是需要提交一些配置信息的,如IP地址,子网掩码,DNS服务器等,这些是一个主机能够在Internet上运行并给用户提供常用服务(比如web和Email)的基本 ...

  6. pointer & iterator

    pointer: address, use operator(*) to get/set the value 1) support operator(+,-), move to next posito ...

  7. C/C++ 获取文件大小

    在C语言中测试文件的大小,主要使用二个标准函数. 1.fseek 函数原型:int fseek ( FILE * stream, long int offset, int origin ); 参数说明 ...

  8. 前端 ----关于DOM的操作的相关实例

    关于DOM操作的相关案例   1.模态框案例 需求: 打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框 代码如下: <!DOCTYPE ...

  9. grep,find

    grep是强大的文本搜索工具,他可以对文件逐行查看,如果找到匹配的模式,就可以打印出包含次模式的所有行,并且支持正则表达式 find查找文件的grep是来查找字符串的,文件的内容 grep 文件的内容 ...

  10. 自然语言处理之LCS最长公共子子序列

    #!一个序列S任意删除若干个字符得到的新序列T,则T叫做S的子序列 注意,这个和最长公共字串不一样,最长公共子串要求连续. 1.算法公式: def lcs(a,b): lena = len(a) le ...