您现在的位置是:首页 > 正文

麒麟子Cocos Creator实用技巧一:如何正确地显示微信头像

2024-04-01 02:21:28阅读 3

不管是游戏App,还是H5,又或者是微信小游戏。但凡接入了微信登录的应用,都可能需要显示微信头像。

在Cocos Creator中,我们常见的显示方法像下面这样

var headimg = 'http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erD6MOUwRKV9NyBAqnoFDTnltzAe2zWOkKxyDOFibVBb1ZV5CaATJwYAuNqZ5sXMBC4c8iacaHDf8RA/132';

cc.loader.load({url:headimg,type:'jpg'},function(err,tex){
    self.icon.spriteFrame = new cc.SpriteFrame(tex);
});

这样做大部分情况下是没有问题的。但容易踩到两个坑

  1. 假如用户在微信中上传的头像不是jpg格式,将会显示为黑屏
  2. 假如是H5中使用上述代码,会提示跨域访问

而最近(今天日期 2019-04-22)新出了一个奇怪的事情,就是Android系统7.0+的机器,在4G网下无法正常显示微信头像。 包括腾讯的欢乐斗地主里的排行榜也显示不出来。

 

这个问题我猜测,是4G的Android 7.0+的HTTP头和其他环境下不一样,导致腾讯拒绝了头像访问。 应该是封杀某音的时候,误伤。

解决这个问题最直接的办法,就是在自己的服务器上,配置一条NGINX转发协议。 

server {
        listen       80;
        #server_name  h5.ooxx.cn;

        root        /root/wwwroot/;

        location /image {
            proxy_redirect off;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass $arg_url; } }

 

假如,我们的外网IP或者域名是 h5.ooxx.cn, 端口是80,或者其他的。 我们修改上面的访问方式为如下

var headimg = 'http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erD6MOUwRKV9NyBAqnoFDTnltzAe2zWOkKxyDOFibVBb1ZV5CaATJwYAuNqZ5sXMBC4c8iacaHDf8RA/132';
var url = 'http://h5.ooxx.cn:port/image?url=' + headimg + '&sb=213.jpg'; 
cc.loader.load(url,function(err,tex){
    self.icon.spriteFrame = new cc.SpriteFrame(tex);
});

这样改的原因如下

1、假如你做的是H5项目,h5.ooxx.cn域名刚好就是你的页面加载域名,那么你将处于同域中,不再有跨域问题

2、当我们请求最后合成的url时,NGINX会将url参数作为请求地址,转发出去,并且将获取到的信息,原路返回。 而我们添加的proxy_redirect off; 将会抹去我们系统机型为我们添加的各种HTTP HEADER。 不会再出现Android 7.0+ 4G网加载不了的问题。

3、添加 &sb=213.jpg参数,是为了让cc.loader.load函数识别到这是一个图片加载。 但由于不是强制的填写type,即使PNG也是可以正常显示的。

 

以上就是麒麟子在做项目的时候,解决微信头像,以及一些第三方服务器图片的最终方案。 希望能够帮助到大家。

转载于:https://www.cnblogs.com/qilinzi/p/10759840.html

网站文章

  • 分享各大OJ平台,干货满满

    以下是各大OJ平台,找到适合自己的才能达到事半功倍的效果,白嫖! 1.浙江大学 Online Judge(ZOJ) 链接:http://acm.zju.edu.cn 国内最早也是最有名气的OJ,有很多...

    2024-04-01 02:21:20
  • 08.音频系统:第004课_Android音频系统详解:第002节_以例子说明几个重要概念

    08.音频系统:第004课_Android音频系统详解:第002节_以例子说明几个重要概念

    该小节我们以几个例子,说明几个重要的概念:stream type, strategy, device, output, profile, module : policy,out flag 我们先画一个...

    2024-04-01 02:21:04
  • 病毒基础:文件加密(Windows文件与目录操作练习)

    病毒基础:文件加密(Windows文件与目录操作练习)

    我们知道有很多病毒都是对我们系统的文件做了一些手脚,我们上一篇文章学习了如何对Windows下的文件和目录操作,现在我们写一个小练习:遍历指定目录,循环加密文件内容:这边建议大家还是在虚拟机上做实验,万一一不小心就将系统文件给打乱了。

    2024-04-01 02:20:25
  • 使用git将代码上传码云并发布部署静态页面

    使用git将代码上传码云并发布部署静态页面

    git可以把我们本地的网站提交上传到远程仓库(码云)里面,类似咱们本地的ftp。6.把本地仓库的文件推送到远程仓库push。5.提交前先从远程仓库主分支中拉取请求。3.提交前先从远程仓库主分支中拉取请求。1.添加当前目录下的所有文件到暂存区。3.把本地文件放到本地仓库里面。2.把本地文件放到暂存区。4.把本地仓库代码提交。码云就是远程仓库,类似服务器。

    2024-04-01 02:20:17
  • Candence Virtuoso基本电路设计(一)

    Candence Virtuoso基本电路设计(一)

    在自学IC版图设计得路上越走越远。。。。。。virtuoso中进行CMOS反相器和静态寄存器的电路设计以及功能仿真。

    2024-04-01 02:20:09
  • logstash input output filter 插件总结

    logstash input output filter 插件总结

    Logstash学习记录官方文档logstash2.3 document:https://www.elastic.co/guide/en/logstash/current/index.html一:什么是Logstash1. logstash 是什么?Logstash 是有管道输送能力的开源数据收集引擎。它可以动态地从分散的数据源收集数据,并且标准化数据输送到你选择的目的地。它是一款日...

    2024-04-01 02:20:02
  • JDBC操作步骤及数据库连接操作

    JDBC操作步骤及数据库连接操作

    JDBC操作步骤及数据库连接操作2012-07-10 16:58 14474人阅读 评论(0)收藏举报本文章已收录于:分类: J2EE_Learning(40) 作者同类文章X版权声明:本文为博主原创文章,未经博主允许不得转载。一、JDBC操作步骤1.加载数据

    2024-04-01 02:19:23
  • 数据结构《LinkeList 双向链表》

    数据结构《LinkeList 双向链表》

    LinkeList 的模拟和使用

    2024-04-01 02:19:15
  • MapReduce案例11——影评分析1(两表联合查询)

    多表联合常用方式有两种:reduceJoin和mapjoin,其中reducejoin容易造成数据倾斜,对于并发执行的数据文件来说,常用mapjoin,在mapper阶段就完成数据连接,一般不会造成数...

    2024-04-01 02:19:08
  • 封装一个流水号ID生成器:id-spring-boot-starter

    封装一个流水号ID生成器:id-spring-boot-starter

    ID)是服务端系统的基础设施,而且ID号这个东西基本搞后端开发的程序员天天都要接触。而关于ID生成的算法现在业界首屈一指的当属Snowflake雪花算法。正是百度开源的一款基于Snowflake雪花算...

    2024-04-01 02:18:29