微信小程序授权获取用户详细信息openid

小程序新增打开公众号文章,意见反馈等新能力。开发者工具支持代码云端托管,并优化了开发版预览方式和界面布局。

01

基础功能更新

  1. 小程序新增打开公众号文章功能。可以打开已关联公众号的文章,文章内暂不支持赞赏、广告、关注公众号等。详情
  2. 为提升服务质量,小程序新增“意见反馈”组件。用户可以在小程序内或小程序主页中反馈遇到的问题,开发者可以在小程序管理后台查看用户反馈内容以及操作日志。详情
  3. 为优化商品扫码流程,相机组件新增扫描一维码模式,支持扫码界面自定义和连续识别功能。详情
  4. 支持动态加载字体,让小程序获得最佳的视觉体验。详情
  5. 小程序页面中的 tabbar 支持展示数字或红点,提示用户查看重要信息。详情

更多新能力及详情,请点击:更新日志。

02

开发者工具更新

  1. 开放免费的代码托管 TGit,支持代码云端管理。
  2. 三大界面分离,方便多屏同时使用,提高开发效率。
  3. 支持直接推送开发版小程序到6.6.7及以上版本微信客户端,无须每次扫码,简化预览步骤。
  • 小程序获取用户的头像昵称openid之类

  • 第一种使用wx.getUserInfo直接获取微信头像,昵称
wx.getUserInfo({
    success: function (res) {
     that.setData({
         nickName: res.userInfo.nickName,
        avatarUrl: res.userInfo.avatarUrl,
     })
     },
})

  • 第二种 我们在使用小程序wx.login API进行登录的时候,直接使用wx.getUserInfo是不能获取更多的信息的,如微信用户的openid。 官方提示,需要发送获取到的code进行请求到微信的后端API,
根据文档,只需要进行一个get请求到如下地址即可:https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&
js_code=JSCODE&grant_type=authorization_codeappid和secret在微信小程序后台可以看到,
js_code为使用wx.login登录时获取到的code参数数据,
grant_type这个不用改动。
  • 官方推荐
在login获取到code,然后发送到开发者后端,后端再通过接口去微信后端换取到openid和sessionKey(并且现在会将unionid也一并返回)之后,然后把3rd_session返回给前端,就已经完成登录行为。而login行为是静默,不必授权的,不会对用户造成骚扰。getUserInfo只是为了提供更优质的服务而存在,比如展示头像昵称,判断性别,通过unionId和其他公众号上已有的用户画像结合起来提供历史数据。所以不必在刚刚进入小程序的时候就强制要求授权。

  • js文件
 var openId = (wx.getStorageSync('openId'))        if (openId) {
         wx.getUserInfo({
           success: function (res) {
             that.setData({
               nickName: res.userInfo.nickName,
               avatarUrl: res.userInfo.avatarUrl,
             })
           },
           fail: function () {
             // fail
             console.log("获取失败!")
           },
           complete: function () {
             // complete
             console.log("获取用户信息完成!")
           }
         })
       } else {
         wx.login({
           success: function (res) {
             console.log(res.code)              if (res.code) {
               wx.getUserInfo({
                 withCredentials: true,
                 success: function (res_user) {
                   wx.request({                     //后台接口地址
                     url: 'https://....com/wx/login',
                     data: {
                       code: res.code,
                       encryptedData: res_user.encryptedData,
                       iv: res_user.iv
                     },
                     method: 'GET',
                     header: {                        'content-type': 'application/json'
                     },
                     success: function (res) {
                       // this.globalData.userInfo = JSON.parse(res.data);
                       that.setData({
                         nickName: res.data.nickName,
                         avatarUrl: res.data.avatarUrl,
                       })
                       wx.setStorageSync('openId', res.data.openId);                     }
                   })
                 }, fail: function () {
                   wx.showModal({
                     title: '警告通知',
                     content: '您点击了拒绝授权,将无法正常显示个人信息,点击确定重新获取授权。',
                     success: function (res) {
                       if (res.confirm) {
                         wx.openSetting({
                           success: (res) => {                              if (res.authSetting["scope.userInfo"]) {////如果用户重新同意了授权登录
                               wx.login({
                                 success: function (res_login) {
                                   if (res_login.code) {
                                     wx.getUserInfo({
                                       withCredentials: true,
                                       success: function (res_user) {
                                         wx.request({
                                          url: 'https://....com/wx/login',
                                           data: {
                                             code: res_login.code,
                                             encryptedData: res_user.encryptedData,
                                             iv: res_user.iv
                                           },
                                           method: 'GET',
                                           header: {                                              'content-type': 'application/json'
                                           },
                                           success: function (res) {
                                             that.setData({
                                               nickName: res.data.nickName,
                                               avatarUrl: res.data.avatarUrl,                                             })
                                             wx.setStorageSync('openId', res.data.openId);
                                           }
                                         })
                                       }
                                     })
                                   }
                                 }
                               });
                             }
                           }, fail: function (res) {                           }
                         })                       }
                     }
                   })
                 }, complete: function (res) {                 }
               })
             }
           }
         })       } },
 globalData: {  
   userInfo: null
 }
  • 后台是php 框架是laravel5.4版本
官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/signature.html微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。
下载之后在php文件中引入:<?phpnamespace App\Http\Controllers\Admin;use Illuminate\Http\Request;use App\Http\Controllers\Controller;use App\Models\User;use App\Models\Wechatuser;include_once   app_path('/Http/Controllers/Admin/PHP/wxBizDataCrypt.php');  // 获取微信用户信息
  public function getWxLogin(Request $request)
  {
     // require_once ROOTPATH . "./PHP/wxBizDataCrypt.php";       $code   =   $request->get('code');        $encryptedData   =   $request->get('encryptedData');        $iv   =   $request->get('iv');        $appid  =  "***" ;        $secret =   "***";        $URL = "https://api.weixin.qq.com/sns/jscode2session?appid=$appid&secret=$secret&js_code=$code&grant_type=authorization_code";        $apiData=file_get_contents($URL);        // var_dump($code,'wwwwwwww',$apiData['errscode']);
       //     $ch = curl_init();
       //   curl_setopt($ch, CURLOPT_URL, $URL);
       //   curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
       //   curl_setopt($ch, CURLOPT_HEADER, 0);
       //   $output = curl_exec($ch);
       //   curl_close($ch)       if(!isset($apiData['errcode'])){            $sessionKey = json_decode($apiData)->session_key;            $userifo = new \WXBizDataCrypt($appid, $sessionKey);            $errCode = $userifo->decryptData($encryptedData, $iv, $data );            if ($errCode == 0) {                return ($data . "\n");
           } else {                return false;
           }
       }
  }

  • 官方文档的登录流程图,整个登录流程基本如下图所示:

  • wx.getUserInfo 接口 调整
https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=
zh_CN&token=1731615444&docid=0000a26e1aca6012e896a517556c01
最近工作中我遇到了一个 bug,我试着通过 Rails 在以“utf8”编码的 MariaDB 中保存一个 UTF-8 字符串,然后出现了一个离奇的错误:

Incorrect string value: ‘\xF0\x9F\x98\x83 <…’ for column ‘summary’ at row 1

我用的是 UTF-8 编码的客户端,服务器也是 UTF-8 编码的,数据库也是,就连要保存的这个字符串“? <…”也是合法的 UTF-8。

问题的症结在于,MySQL 的“utf8”实际上不是真正的 UTF-8。

“utf8”只支持每个字符三个字节,而真正的 UTF-8 是每个字符最多四字节

MySQL 一直没有修复这个 bug,他们在 2010 年发布了一个叫作“utf8mb4”的字符集,绕过了这个问题。

当然,他们并没有对新的字符集广而告之(可能是因为这个 bug 让他们觉得很尴尬),以致于现在网络上仍然在建议开发者使用“utf8”,但这些建议都是错误的。

简单概括如下:

  • MySQL 的“utf8mb4”是真正的“UTF-8”。
  • MySQL 的“utf8”是一种“专属的编码”,它能够编码的 Unicode 字符并不多。

我要在这里澄清一下:所有在使用“utf8”的 MySQL 和 MariaDB 用户都应该改用“utf8mb4”,永远都不要再使用“utf8”。

那么什么是编码?什么是 UTF-8?

我们都知道,计算机使用 0 和 1 来存储文本。比如字符“C”被存成“01000011”,那么计算机在显示这个字符时需要经过两个步骤:

  1. 计算机读取“01000011”,得到数字 67,因为 67 被编码成“01000011”。
  2. 计算机在 Unicode 字符集中查找 67,找到了“C”。

同样的:

  1. 我的电脑将“C”映射成 Unicode 字符集中的 67。
  2. 我的电脑将 67 编码成“01000011”,并发送给 Web 服务器。

几乎所有的网络应用都使用了 Unicode 字符集,因为没有理由使用其他字符集。

Unicode 字符集包含了上百万个字符。最简单的编码是 UTF-32,每个字符使用 32 位。这样做最简单,因为一直以来,计算机将 32 位视为数字,而计算机最在行的就是处理数字。但问题是,这样太浪费空间了。

UTF-8 可以节省空间,在 UTF-8 中,字符“C”只需要 8 位,一些不常用的字符,比如“?”需要 32 位。其他的字符可能使用 16 位或 24 位。一篇类似本文这样的文章,如果使用 UTF-8 编码,占用的空间只有 UTF-32 的四分之一左右。

MySQL 的“utf8”字符集与其他程序不兼容,它所谓的“?”,可能真的是一坨……

MySQL 简史

为什么 MySQL 开发者会让“utf8”失效?我们或许可以从提交日志中寻找答案。

MySQL 从 4.1 版本开始支持 UTF-8,也就是 2003 年,而今天使用的 UTF-8 标准(RFC 3629)是随后才出现的。

旧版的 UTF-8 标准(RFC 2279)最多支持每个字符 6 个字节。2002 年 3 月 28 日,MySQL 开发者在第一个 MySQL 4.1 预览版中使用了 RFC 2279。

同年 9 月,他们对 MySQL 源代码进行了一次调整:“UTF8 现在最多只支持 3 个字节的序列”。

是谁提交了这些代码?他为什么要这样做?这个问题不得而知。在迁移到 Git 后(MySQL 最开始使用的是 BitKeeper),MySQL 代码库中的很多提交者的名字都丢失了。2003 年 9 月的邮件列表中也找不到可以解释这一变更的线索。

不过我可以试着猜测一下。

2002 年,MySQL 做出了一个决定:如果用户可以保证数据表的每一行都使用相同的字节数,那么 MySQL 就可以在性能方面来一个大提升。为此,用户需要将文本列定义为“CHAR”,每个“CHAR”列总是拥有相同数量的字符。如果插入的字符少于定义的数量,MySQL 就会在后面填充空格,如果插入的字符超过了定义的数量,后面超出部分会被截断。

MySQL 开发者在最开始尝试 UTF-8 时使用了每个字符 6 个字节,CHAR(1) 使用 6 个字节,CHAR(2) 使用 12 个字节,并以此类推。

应该说,他们最初的行为才是正确的,可惜这一版本一直没有发布。但是文档上却这么写了,而且广为流传,所有了解 UTF-8 的人都认同文档里写的东西。

不过很显然,MySQL 开发者或厂商担心会有用户做这两件事:

  1. 使用 CHAR 定义列(在现在看来,CHAR 已经是老古董了,但在那时,在 MySQL 中使用 CHAR 会更快,不过从 2005 年以后就不是这样子了)。
  2. 将 CHAR 列的编码设置为“utf8”。

我的猜测是 MySQL 开发者本来想帮助那些希望在空间和速度上双赢的用户,但他们搞砸了“utf8”编码。

所以结果就是没有赢家。那些希望在空间和速度上双赢的用户,当他们在使用“utf8”的 CHAR 列时,实际上使用的空间比预期的更大,速度也比预期的慢。而想要正确性的用户,当他们使用“utf8”编码时,却无法保存像“?”这样的字符。

在这个不合法的字符集发布了之后,MySQL 就无法修复它,因为这样需要要求所有用户重新构建他们的数据库。最终,MySQL 在 2010 年重新发布了“utf8mb4”来支持真正的 UTF-8。

为什么这件事情会让人如此抓狂

因为这个问题,我整整抓狂了一个礼拜。我被“utf8”愚弄了,花了很多时间才找到这个 bug。但我一定不是唯一的一个,网络上几乎所有的文章都把“utf8”当成是真正的 UTF-8。

“utf8”只能算是个专有的字符集,它给我们带来了新问题,却一直没有得到解决。

总结

如果你在使用 MySQL 或 MariaDB,不要用“utf8”编码,改用“utf8mb4”。这里提供了一个指南用于将现有数据库的字符编码从“utf8”转成“utf8mb4”。链接如下:

https://mathiasbynens.be/notes/mysql-utf8mb4#utf8-to-utf8mb4

当前分布式系统是大势所趋,Google、Facebook 等大型系统架构也是以分布式系统架构为基础。过去二十年,整个分布式系统架构演进史是从 C/S→B/S→分布式系统→网格计算→云计算,包括目标、定位、场景,影响深远。未来,如何从全球多域的角度去规划分布式架构呢?

原文发布于微信公众号 - 李才哥(liqi13695515224)

原文发表时间:2018-06-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券