甘肃省城乡城乡建设厅网站,网站域名解析到了空间 但空间未绑定此域名,长春网站建设方案报价,服装时尚网站在当今数字化时代#xff0c;网站性能和可用性是业务成功的关键。为了提供快速且可靠的访问体验#xff0c;许多组织正在寻找有效的内容分发网络#xff08;CDN#xff09;解决方案。CloudFlare作为业界领先的CDN提供商#xff0c;其强大的全球网络基础设施能够加速网站内… 在当今数字化时代网站性能和可用性是业务成功的关键。为了提供快速且可靠的访问体验许多组织正在寻找有效的内容分发网络CDN解决方案。CloudFlare作为业界领先的CDN提供商其强大的全球网络基础设施能够加速网站内容传输降低延迟提高安全性。与此同时Oracle Cloud InfrastructureOCI的对象存储服务为用户提供了可扩展的、安全的云存储解决方案。 本文将介绍如何将CDN CloudFlare与OCI对象存储集成以进一步优化网站性能和可用性。我们将讨论集成的步骤以及这种集成如何帮助您的网站提供更快速、更可靠的内容交付服务。 1 OCI 中创建对象存储 1.1 创建对象存储(示例中为默认配置) 1.2 CDN 接入对象存储访问类型
CDN 厂商接入的两种方式
在普通访问模式下OCI 对象存储需要配置为公共访问类型才能被CDN访问默认创建的对象存储是私有的在私有模式下配置 Pre-Authenticated 的访问方式允许 CDN 接入 OCI 对象存储 修改为公共访问允许其他CDN厂商链接 2 OCI对象存储上传测试图片
在 对象存储 页面中点击 upload进行文件的上传 上传文件 3 配置cloudflare 加入 OCI 对象存储
3.1 登录已注册站点 cloudflare增加别名配置workers路由规则配置缓存规则为站点添加路由规则 3.2 配置DNS CNAME 解析到 OCI 对象存储
法兰克福 endpoint objectstorage.eu-frankfurt-1.oraclecloud.com
其他参考region参考Oracle Cloud Infrastructure API Reference and Endpoints 3.3 添加 Workers 服务 选用HTTP处理程序 3.4 编写处理请求服务代码
addEventListener(fetch, event {event.respondWith(handleRequest(event.request))
})async function handleRequest(request) {const url new URL(request.url)// url.host YOUR_OBJECT_STORAGE_BUCKET_ENDPOINT // OCI 对象存储 endpointurl.host objectstorage.eu-frankfurt-1.oraclecloud.com // 使用法兰克福节点const newRequest new Request(url, request)return fetch(newRequest)
} 3.5 配置站点缓存页面规则 示例中规则是对s3.xxx-xxx.com域名下的所有内容进行缓存 3.6 配置站点的路由规则 配置当前CDN域名 到 指定的路由规则
4 通过CDN域名访问对象存储 格式
https://域名/n/namespace/b/bucket/o/文件名示例 - 普通模式
https://s3.xxx-xxx.com/n/对象存储namespace/b/bucket-20230418-1654/o/achicken.jpg示例 - Pre-Authenticated模式
https://s3.xxx-xxx.com/p/b5B0q4auDc_g8u-Bk9taoLGZox94GsUfAnz-CSe9dCKRxAW8H5IkpRWoDRlSOUze/n/对象存储namespace/b/bucket-20230419-1036/o/chicken.jpg
5 通过 CloudFlare worker 替换 content-type 类型
5.1 背景
通过 SDK ( upload_obj ) 上传至对象存储的文件如果不指定 content-type 默认会被指定为 octet-stream目前已知此 content-type 类型会导致前端矢量图(.svg后缀)的展示失效并且 oci 对象存储不支持自适应。
5.2 解决方式
客户目前正在使用cloudFlare进行缓存通过 CloudFlare worker 实现对 svg 后缀文件的 content-type 进行替换统一替换为image/svgxml。
5.3 替换 addEventListener(fetch, event {event.respondWith(handleRequest(event.request))
})async function handleRequest(request) {// const response await fetch(request)const url new URL(request.url) url.host 对象存储namespace.compat.objectstorage.eu-frankfurt-1.oraclecloud.comconst newRequest new Request(url, request)// 发起实际请求const response await fetch(newRequest)// 获取请求路径const path url.pathname// 检查文件后缀是否为 .svgif (path.endsWith(.svg)) {// 修改内容类型为 image/svgxmlconst modifiedHeaders new Headers(response.headers)modifiedHeaders.set(Content-Type, image/svgxml)// 返回经过修改的响应return new Response(response.body, {status: response.status,statusText: response.statusText,headers: modifiedHeaders})}// 直接返回原始响应return response
}
6 参考
Oracle Cloud Infrastructure API Reference and Endpoints 炸鸡物料库 内容定位 IT技术领域云计算、云原生、DevOps 和 AI 等相关的技术资讯、实践和经验分享。面向开发、系统和云计算提供实用的技术内容。 目标受众 面向开发者、系统管理员和云计算从业者提供实用的技术内容。
️ 更新频率每周更新每次分享都为您带来有价值的技术内容。 互动与反馈 鼓励读者留言、评论有问题随时提问我们将积极互动并提供帮助。 订阅方式 扫描二维码或搜索“炸鸡物料库”关注不错过每一篇精彩内容。 合作与分享 如果您有技术分享或合作计划欢迎联系我们共同成长
