阿里云函数计算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 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
1月前
thinkphp5.1隐藏index.php入口文件
thinkphp5.1隐藏index.php入口文件
30 0
thinkphp5.1隐藏index.php入口文件
|
1月前
|
消息中间件 API PHP
阿里云OpenAPI RocketMQ 5.0的PHP收发消息文档
【2月更文挑战第23天】阿里云OpenAPI RocketMQ 5.0的PHP收发消息文档
37 7
|
3月前
|
PHP 数据安全/隐私保护
php案例:判断这个文件是什么编程语言代码的文件(判断java或者php)
php案例:判断这个文件是什么编程语言代码的文件(判断java或者php)
php案例:判断这个文件是什么编程语言代码的文件(判断java或者php)