阿里云函数计算php7.2无法加载字体文件等资源文件的解决办法-阿里云开发者社区

开发者社区> 放开那头熊> 正文

阿里云函数计算php7.2无法加载字体文件等资源文件的解决办法

简介:
+关注继续查看

最近团队准备更多将服务放在serverless上,然后上周跟小伙伴一起体验了阿里云的函数计算(第一个项目基于TP5),初步感觉还不错,轻轻松松并发几百上千,免运维无烦劳杜绝半夜电话催人重启服务器(开玩笑的 - -)。

不过有一点小小的不舒服,登录后台后发现字体文件无法加载,woff ttf等全部报502,小伙伴电话跟阿里云沟通被告知不支持(我是有点懵逼的,0202年了字体为何不能支持),无果暂时不管这个。

又过了几天想起这事,专门研究了下,尝试了2个小时,总结出了2个结论

  • 加载.woff .ttf后缀的文件会异常
  • 加载字体数据会异常(没错,就算把字体后缀改为其他的也会异常)

配置过的应该都知道函数计算有一个index.php入口文件,里面包含php_run和static_run 2个处理方法,而上面的第一个问题,会导致根本无法加载handler,第二个问题会导致static_run读取文件fopen打开的时候出错。

虽然感觉这样的设定很奇怪,但是找到了办法就好办了,针对第一个问题,改名即可 于是我改成了

font.woff >> font.woff.svg

这样就能进入static_run里面了。
然后针对第二个问题,将字体文件进行编码或加密,我这里直接用的hex转码,用其他的编码应该也是可以的

$fontData = file_get_contents("font.woff.svg");
file_put_contents("font.woff.hexencode.svg", bin2hex($fontData));

然后index的static_run需要针对字体文件做一些特殊处理

    $contentType = $GLOBALS['fcPhpCgiProxy']->getMimeType($file_dir);
    if (stripos($uri, '.hexencode.') !== false) {
        // 如果包含hexencode就转码一下
        $contents = hex2bin($contents);
        if (stripos($uri, '.woff') !== false) {
            $contentType = 'application/font-woff';
        } else {
            $contentType = 'application/octet-stream';
        }
    }

最后一步,还需要修改其他文件中的引用地址为新地址 font.woff.hexencode.svg

再次部署,终于看到了绿色的可爱的200状态,字体也正常显示。

不过这始终只是一个临时解决方案,而且这样改了之后,本地开发调试也需要特殊处理下。所以还是希望阿里云尽快支持下字体加载,字体文件跟js css jpg等资源文件并没有本质的不同,不清楚为何要留这么大个坑在这里,大家如果有更好的方法,欢迎指教下。

原文链接 https://www.jianshu.com/p/d1ca14038bda

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
独家对话阿里云函数计算负责人不瞋:你所不知道的 Serverless
日前,阿里云凭借函数计算产品能力全球第一的优势,入选 Forrester 2021 年第一季度 FaaS 平台评估报告,成为比肩亚马逊、全球前三的 FaaS 领导者。这也是首次有国内科技公司进入 FaaS 领导者象限。不瞋作为阿里云 Serverless 产品体系的负责人,也是国内 Serverless 的早期实践者。本文将呈现这次访谈的完整总结。
764 0
一步一步搭建前端监控系统:如何监控资源加载错误?
摘要: 资源加载失败会破坏产品功能以及用户体验.... 作者:一步一个脚印一个坑 原文:搭建前端监控系统(三)静态资源加载监控篇 Fundebug经授权转载,版权归原作者所有。 一步一步搭建前端监控系统系列博客: 一步一步搭建前端监控系统:JS错误监控篇 一步一步搭建前端监控系统:如何将网页截图上报? 一步一步搭建前端监控系统:接口请求异常监控篇 一步一步搭建前端监控系统:如何定位前端线上问题? 一步一步搭建前端监控系统:如何记录用户行为? 一步一步搭建前端监控系统:如何监控资源加载错误? 怎样定位前端线上问题,一直以来,都是很头疼的问题,因为它发生于用户的一系列操作之后。
1180 0
阿里云函数计算发送短信单文件轻量版
本文实现了使用阿里云《函数计算》+《短信服务》发送短信的简单功能,官方短信服务SDK功能全面,但较为冗杂,二爷精简了官方SDK,实现了一段代码(单文件)发送短信的功能。 阅读本文,你需要先了解阿里云函数计算、阿里云短信服务的基本常识。 试用本代码,需要预先在短信服务中申请短信签名、短信模板。
2393 0
as3加载外部资源
在as3的开发中,经常会加载外部共用资源,比如某一个公用的图片或者其它小特效。这时候为了避免重复请求,一般会将这些资源放在一个fla文件中,为每一个资源添加链接。这里以一张图片为例(flower.fla):   这样就生成了一个名为flower.
688 0
PHPpraffa也有了,一个PHP版本的阿里云函数计算与API网关的开发框架
发布了Python版本的函数计算与API网关的开发框架后,一直觉得对不起PHP,因为公司一直是用PHP的,我这弄了个Python,实在不该,对了,(Python版本说明点这里。 PHPpraffa是什么? PHPpraffa 是praffa的PHP版本。
1161 0
函数计算助力世纪联华平滑支撑双11大促
世纪联华是一家门店超过 170 余家,具备全国网点布局,在快速消费品连锁零售行业具备领先地位的新零售连锁超市。经过 10 年的发展,业态包括大卖场、综合超市和标准超市,公司定位为超市+精品百货,拥有“世纪联华”,“联华”等超市品牌。
508 0
1
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载