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

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介:

最近团队准备更多将服务放在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

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
15天前
|
人工智能 Java Serverless
阿里云函数计算助力AI大模型快速部署
随着人工智能技术的快速发展,AI大模型已经成为企业数字化转型的重要工具。然而,对于许多业务人员、开发者以及企业来说,探索和利用AI大模型仍然面临诸多挑战。业务人员可能缺乏编程技能,难以快速上手AI模型;开发者可能受限于GPU资源,无法高效构建和部署AI应用;企业则希望简化技术门槛,以更低的成本和更高的效率利用AI大模型。
73 12
|
3月前
|
人工智能 自然语言处理 Serverless
阿里云函数计算 x NVIDIA 加速企业 AI 应用落地
阿里云函数计算与 NVIDIA TensorRT/TensorRT-LLM 展开合作,通过结合阿里云的无缝计算体验和 NVIDIA 的高性能推理库,开发者能够以更低的成本、更高的效率完成复杂的 AI 任务,加速技术落地和应用创新。
177 13
|
7天前
|
弹性计算 Cloud Native Serverless
阿里云 SAE 邀您参加 Serverless 高可用架构挑战赛,赢取精美礼品
阿里云 SAE 邀您参加 Serverless 高可用架构挑战赛,赢取精美礼品。
|
2月前
|
人工智能 弹性计算 运维
触手可及:阿里云函数计算助力AI大模型的评测
阿里云推出的面向AI服务器的功能计算(Functional Computing, FC),专为AI应用提供弹性计算资源。该服务支持无服务器部署、自动资源管理和多语言支持,极大简化了AI应用的开发和维护。本文全面评测了FC for AI Server的功能特性、使用体验和成本效益,展示了其在高效部署、成本控制和安全性方面的优势,并通过具体应用案例和改进建议,展望了其未来发展方向。
186 4
|
3月前
|
SQL 分布式计算 Serverless
阿里云 EMR Serverless Spark 版正式开启商业化
阿里云 EMR Serverless Spark 版正式开启商业化,内置 Fusion Engine,100% 兼容开源 Spark 编程接口,相比于开源 Spark 性能提升300%;提供 Notebook 及 SQL 开发、调试、发布、调度、监控诊断等一站式数据开发体验!
172 3
阿里云 EMR Serverless Spark 版正式开启商业化
|
3月前
|
人工智能 运维 大数据
阿里云“触手可及,函数计算玩转 AI 大模型”解决方案评测报告
阿里云“触手可及,函数计算玩转 AI 大模型”解决方案评测报告
118 2
|
3月前
|
消息中间件 弹性计算 关系型数据库
体验函数计算:高效处理多媒体文件的真实感受与实战总结
该方案在引导和文档方面做得较为详尽,仅在事件驱动机制部分略显简略。部署和代码示例实用,但需注意内存配置以避免超时。使用体验方面,函数计算表现出色,尤其在高并发场景下,显著提升了应用稳定性和成本效益。云产品如OSS、MNS等与函数计算配合流畅,ECS和RDS表现稳健。总体而言,这套方案弹性好、成本低,特别适合应对高并发或流量不确定的场景,值得推荐。
76 24
|
1月前
|
前端开发 关系型数据库 MySQL
PHP与MySQL动态网站开发实战指南####
【10月更文挑战第21天】 本文将深入浅出地探讨如何使用PHP与MySQL构建一个动态网站,从环境搭建到项目部署,全程实战演示。无论你是编程新手还是希望巩固Web开发技能的老手,都能在这篇文章中找到实用的技巧和启发。我们将一起探索如何通过PHP处理用户请求,利用MySQL存储数据,并最终呈现动态内容给用户,打造属于自己的在线平台。 ####
41 0
|
22天前
|
存储 关系型数据库 MySQL
PHP与MySQL动态网站开发:从基础到实践####
本文将深入探讨PHP与MySQL的结合使用,展示如何构建一个动态网站。通过一系列实例和代码片段,我们将逐步了解数据库连接、数据操作、用户输入处理及安全防护等关键技术点。无论您是初学者还是有经验的开发者,都能从中获益匪浅。 ####
|
25天前
|
安全 关系型数据库 MySQL
PHP与MySQL动态网站开发实战指南####
——深入探索LAMP栈下的高效数据交互与处理技巧 ####