今天我将展示如何在 OpenResty Edge 中使用静态资源。使用 OpenResty Edge 提供静态资源不需要回源。虽然回源的性能更高、更可靠,但不是必须的。

Embeded image

上传静态资源

让我们进入 OpenResty Edge 的 Admin Web 控制台。这是我们控制台的样本部署。每个用户都有自己的本地部署。

Screenshot

首先将静态资源上传到 OpenResty Edge

Screenshot

转到全局静态文件页面。

Screenshot

创建一个目录。

Screenshot

将其命名为 “test”。

Screenshot

点击创建。

Screenshot

可以看到刚刚创建的目录出现在列表里面。

Screenshot

点击进入该目录。

Screenshot

现在来上传文件。

Screenshot

选择文件 “bird.jpg”。

Screenshot

Screenshot

保存该文件。

Screenshot

创建一个子目录。

Screenshot

将它命名为 “images”。

Screenshot

点击创建。

Screenshot

进入子目录。

Screenshot

上传另一个文件。

Screenshot

选择文件 “cat.jpg”。

Screenshot

Screenshot

保存该文件。

Screenshot

创建页面规则使用静态资源

文件已经上传,接下来让我们来使用它们。

Screenshot

我们可以继续使用之前的示例应用,test-edge.com。

Screenshot

进入该应用。

Screenshot

转到页面规则页。

Screenshot

这里有一个在之前的视频教程中创建的页面规则。

Screenshot

现在创建一个新的页面规则,该页面规则将直接返回一个文件。

Screenshot

我们启用一个规则条件来检查 URI 是否为 “/images/bird.jpg”。

Screenshot

操作符选择 “String=”。

Screenshot

Screenshot

输入值 “/images/bird.jpg” 来匹配这个静态文件。

Screenshot

打开 “Content” 开关。

Screenshot

选择一个我们刚刚上传的文件。

Screenshot

Screenshot

展开该目录。

Screenshot

选择图片 “bird.jpg”。

Screenshot

选择在现有的代理页面规则之前插入这个页面规则。

Screenshot

点击创建该规则。

Screenshot

像往常一样,我们需要发布来推送这个新改动。

Screenshot

点击这个按钮。

Screenshot

发布!

Screenshot

新版本现在已经同步到所有的网关服务器上了。

Screenshot

测试

然后我们发送一个 URI 为 “images/bird.jpg” 的 HTTP 请求。

Screenshot

可以看到返回了一个鸟的图片,与预期结果相符。 在演示了返回文件之后,接下来,我们对目录进行说明。

转到页面规则页。

Screenshot

编辑页面规则。

Screenshot

操作符这里选择 “前缀匹配”。

Screenshot

Screenshot

输入值 “/images”,表示只会匹配这个路径的静态资源。

Screenshot

Screenshot

选择我们刚刚创建的目录。

Screenshot

“忽略 URI 前缀” 允许请求的 URL 与实际资源的 URI 不同,这个功能我们会在后面演示。

Screenshot

保存该规则。

Screenshot

像往常一样,我们需要发布来推送这个新改动。

Screenshot

点击这个按钮。

Screenshot

发布!

Screenshot

新版本现在已经同步到所有的网关服务器上了。

Screenshot

发送一个 URI 为 ”images/cat.jpg“ 的请求。

Screenshot

该请求返回一张存在于子目录 ”images“ 中的猫的图片。

如果我们请求 ”images/bird.jpg“,会发生什么呢?

Screenshot

可以看到该请求返回错误页。这是因为在 ”images“ 子目录中没有 ”bird.jpg“ 这个文件。 接下来,我们演示如何忽略 URI 的前缀。

转到页面规则页面。

Screenshot

编辑刚才的页面规则。

Screenshot

仍然使用 ”test“ 目录。

Screenshot

这里选择忽略 ”String“。

Screenshot

输入 ”/images/“。

Screenshot

保存该规则。

Screenshot

像往常一样,我们需要发布来推送这个新改动。

Screenshot

点击这个按钮。

Screenshot

发布!

Screenshot

新版本现在已经同步到所有的网关服务器上了。

Screenshot

发送一个带有 “/images” 前缀的请求。

Screenshot

该请求返回了一张鸟的图片。

然后我们请求子目录 “images” 中的图片。

Screenshot

请求返回了一张猫的图片。

然后我们发送一个带有 “/no” 前缀的不存在的资源的请求。

Screenshot

可以看到返回了错误页。

Screenshot

这就是我今天想讲的内容。

如果你喜欢这个教程,请订阅这个博客网站和我们的 YouTube 频道B 站频道。谢谢!

关于本文和关联视频

本文和相关联的视频都是完全由我们的 OpenResty Showman 产品从一个简单的剧本文件自动生成的。

关于作者

章亦春是开源 OpenResty® 项目创始人兼 OpenResty Inc. 公司 CEO 和创始人。

章亦春(Github ID: agentzh),生于中国江苏,现定居美国湾区。他是中国早期开源技术和文化的倡导者和领军人物,曾供职于多家国际知名的高科技企业,如 Cloudflare、雅虎、阿里巴巴, 是 “边缘计算“、”动态追踪 “和 “机器编程 “的先驱,拥有超过 22 年的编程及 16 年的开源经验。作为拥有超过 4000 万全球域名用户的开源项目的领导者。他基于其 OpenResty® 开源项目打造的高科技企业 OpenResty Inc. 位于美国硅谷中心。其主打的两个产品 OpenResty XRay(利用动态追踪技术的非侵入式的故障剖析和排除工具)和 OpenResty Edge(最适合微服务和分布式流量的全能型网关软件),广受全球众多上市及大型企业青睐。在 OpenResty 以外,章亦春为多个开源项目贡献了累计超过百万行代码,其中包括,Linux 内核、Nginx、LuaJITGDBSystemTapLLVM、Perl 等,并编写过 60 多个开源软件库。

关注我们

如果您喜欢本文,欢迎关注我们 OpenResty Inc. 公司的博客网站 。也欢迎扫码关注我们的微信公众号:

我们的微信公众号

翻译

我们提供了英文版原文和中译版(本文)。我们也欢迎读者提供其他语言的翻译版本,只要是全文翻译不带省略,我们都将会考虑采用,非常感谢!