脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信 获取用户头像

微信接入之获取用户头像的方法步骤

 更新时间：2019年09月23日 09:45:38   作者：duotemplar  
这篇文章主要介绍了微信接入之获取用户头像的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

前段时间写了关于微信支付接入，顺便就把获取用户昵称，头像的方式也归纳下，这个其实挺简单的，具体的方法看官方文档即可。这里只提几个重点。

scope参数

看过微信文档的话，微信的规定是，对于scope参数，如果需要获取用户信息的话，scope参数为snsapi_userinfo。但是我接下来，使用过一次userinfo，实际上用snsapi_base也可以获得用户信息，一模一样的返回值，对于获取头像和昵称完全没有任何问题

获取头像

获取头像其实有一点麻烦的就是跨域问题。要解决这个跨域问题，可以采用设置一个代理服务器，或者通过配置相关服务器(ngix,apache)来解决。这个网上方法很多，我这里说的是不通过配置服务器的方法。

在我们的项目中，我并不想使用配置一个web服务器或者代理，因为我们是游戏服务器，我们是自己实现的，并没有使用什么web服务器框架，那么这种情况下，我们解决跨域的问题就是由我们的服务器后端直接对跨域资源发起请求，在获得对应的资源后，再返回前端。OK，这就是具体方法

具体实现时，其实很简单，获取到头像的url后，直接发起一个http请求并获取返回即可。

注意：http请求方式为“GET”

另外需要提的一点是，对response的返回，要直接使用stream.Read，如果使用streamReader，以文本方式读取字节流读出来的数据是无法转成图片的。（我查阅过MSDN关于这两个接口的说明，只是读取时一个是文本形式，一个是字节流形式，其他并没有过多的说有什么区别）。

然后记得将字节流以Base64方式转换，交由我们的前端处理

request = HttpWebRequest.Create(url);
request.Method = "GET";
response = request.GetResponse();
stream = response.GetResponseStream();
var buffer = new byte[4096];
var num = stream.Read(buffer, 0, 4096);
var head = Convert.ToBase64String(buffer, 0, num);

stream.Dispose();
response.Close();

上面的代码有一个问题，我后来才注意到，就是当图片比较大的时候，比如头像地址最后的参数是64以上，或是/0（此时返回640*640大小的图片），这个时候，stream可能一次不能读取完所有的数据，所以修改代码为

var request = HttpWebRequest.Create(url);
request.Method = "GET";
var response = request.GetResponse();
var stream = response.GetResponseStream();
var buffer = new byte[response.ContentLength];
var num = stream.Read(buffer, 0, (int)response.ContentLength);
var total = num;
while(num > 0)
{
  num = stream.Read(buffer, total, (int)(response.ContentLength - total));
  total += num;
}
head = Convert.ToBase64String(buffer, 0, total);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • javascript 表格排序和表头浮动效果(扩展SortTable)

    javascript 表格排序和表头浮动效果(扩展SortTable)

    前段时间一个项目有大量页面用到表格排序和表头浮动的效果，在网上找了几个表格排序的js代码，最后选择了 Stuart Langridge的SortTable,在SortTable基础上做了些扩展，加上了表头浮动效果及一些小功能。
    2009-04-04
  • 小程序实现滑动块效果

    小程序实现滑动块效果

    这篇文章主要为大家详细介绍了小程序实现滑动块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JavaScript跨平台的开源框架NativeScript

    JavaScript跨平台的开源框架NativeScript

    本文给大家分享的是一款使用javascript来构建跨平台原生移动应用的开源框架--NativeScript，可以使用JavaScript开发跨平台、真正原生的iOS, Android 和 Windows 移动App。开发人员使用NativeScript提供的库来构建应用UI，其抽象了各种原生平台之间的不同。
    2015-03-03
  • JavaScript栏目列表隐藏/显示简单实现

    JavaScript栏目列表隐藏/显示简单实现

    隐藏侧边栏，并将图片换成右箭头图片;显示侧边栏，并将图片换成左箭头，这样的效果想必大家都很熟悉吧，接下来实现下，感兴趣的朋友可以参考下哈
    2013-04-04
  • electron的webview和内嵌网页通信的方法

    electron的webview和内嵌网页通信的方法

    在 Electron 的世界里,webview 标签相当于一个小盒子,里面可以装一个完整的网页,就像一个迷你浏览器,这篇文章主要介绍了electron的webview和内嵌网页如何通信,需要的朋友可以参考下
    2024-04-04
  • 关于webpack代码拆分的解析

    关于webpack代码拆分的解析

    本篇文章主要介绍了关于webpack代码拆分的解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • Google AJAX 搜索 API实现代码

    Google AJAX 搜索 API实现代码

    Google AJAX 搜索 API实现代码，需要的朋友可以参考下。
    2010-11-11
  • 可以拖动的div 实现代码

    可以拖动的div 实现代码

    可以拖动的div是一个比较难以做到的效果，特别是在浏览器对于js代码的运行效率还不是足够高的情况下，不过听说firefox对于js的支持正在增加，大概是料到了js在网页浏览的桌面化趋势中所占的重要地位吧。
    2009-06-06
  • layui table 复选框跳页后再回来保持原来选中的状态示例

    layui table 复选框跳页后再回来保持原来选中的状态示例

    今天小编就为大家分享一篇layui table 复选框跳页后再回来保持原来选中的状态示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • 使用JavaScript判断图片是否加载完成的三种实现方式

    使用JavaScript判断图片是否加载完成的三种实现方式

    有时需要获取图片的尺寸，这需要在图片加载完成以后才可以，本文有三个不错的实现方式在此与大家分享下
    2014-05-05

最新评论