写点什么

CDN 搭配 OSS 最佳实践 ——搭建动静态分离的应用架构

  • 2019-10-21
  • 本文字数:1784 字

    阅读完需:约 6 分钟

CDN搭配OSS最佳实践 ——搭建动静态分离的应用架构

一、传统架构及痛点

传统的网站产品应用架构,所有资源部署在应用服务器本地存储或挂载的数据存储区,对于动静态资源不作分离, 产品架构如下图所示:



该架构存在诸多问题:


  • 系统性能会随着系统访问量的增长而受到限制甚至遭遇瓶颈;

  • 静态资源访问量巨大时,占用出口带宽,影响动态请求响应;

  • 用户请求分散时,回源距离长,影响用户体验(单纯使用 CDN 仍然需要回源拉取)。

二、CDN+OSS 架构方案:

该架构充分利用到“OSS 带宽/流量成本低、独立响应、存储空间无上限”的特点,结合 CDN 分发网络,实现资源动静分离,支持海量用户访问。


优化后产品架构如下图所示:


1、适用场景

  • 静态文件存储量大,文件数量多,文件体积较大,服务器存储空间不够;

  • 静态文件访问量大,占用带宽负载或服务器负载,I/O 问题导致用户访问卡顿;

  • 用户分布较为分散,分布在全国各地、各运营商;

  • 对文件下载速度要求较高,且并发下载量高。

2、架构描述

涉及产品介绍:


  • 对象存储服务(OSS:Object Storage Service)是京东云自主研发的大规模分布式对象存储服务,面向企业和个人开发者提供高可用、低成本、强安全的云端存储服务。您可以实现对数据的统一管理,满足各类存储需求。

  • 支持标准的 RESTfulAPI 接口,您只需按实际用量付费,无最低使用限制。支持流式写入和文件写入两种方式。面对冷数据存储的场景,对于那些访问频率比较低,同时对访问速度要求不高的数据,可以将数据以低频访问的方式进行存储,为您保存和备份资料提供了一个海量低价的空间。

  • 京东云 CDN(Content Delivery Network),基于京东优质网络基础设施和智能云计算技术,向用户提供低成本、高性能、可扩展的互联网内容分发服务。利用广泛的节点覆盖和先进的云调度、云存储技术,将海量内容更快、更可靠地投递给互联网终端用户,降低网站运营成本,提升用户互联网应用体验。

  • 京东云 CDN 的前身是服务于京东商城的自建 CDN 平台,历经多年 618 和 11.11 等大促业务活动考验,京东云 600+ 节点广泛覆盖于全国各区域和运营商,精选全网优质基础设施,边缘节点覆盖全网、全地域,真正实现就近接流、就近推流。


将京东云的对象存储和 CDN 服务搭配使用,使用京东自建的全网 CDN 加速节点,为您提供上传下载双向加速,实现全网覆盖、快速高效的内容分发。


架构优势:


  • 降低 Web/应用服务器负载,静态资源响应压力转移到 CDN,避免性能影响;

  • 费用最低,OSS 的存储费用远低于云主机磁盘费用;

  • 超大容量存储空间,大带宽上传通道,无需担心存储空间上限;

  • 降低流量费用,正常访问热度情况下,相比直接访问 OSS,减少 95%回源流量。

三、实际案例

以一个常见的 Web 站点为例。www.abc.com 是一个新闻门户网站,有 500GB 的新闻图片、新闻视频、JS 文件等静态内容,使用了 LAMP 架构,目前站点全套架构部署在京东云上。随着用户业务发展,访问量的不断增长,不少用户反映,访问网站的速度越来越慢,图片、视频加载慢,卡顿率高,网站响应慢。客户工程师发现用户上传的图片越来越多,业务高峰期,带宽峰值很高,服务器 I/O 经常被占满。


对于以上案例我们可以利用以上介绍的 OSS+CDN 架构对网站进行优化,实现动静分离的产品架构,提升用户访问体验,同时成本可控。


解决方案及步骤如下:


1、对网站应用架构进行整理,区分动态程序部分和静态部分到不同的目录进行管理,建立 image、video、js 目录,分别放置所有网站图片素材;


2、京东云控制台进入 OSS 产品,新建一个 Bucket。根据云主机所在的区域选择 bucket 所在区域,权限选择“公共读”,bucket 名称与云主机新建的目录的名称对应,如“abc-image-bucket”、“abc-video-bucket”和“abc-js-bucket”;


3、分别绑定域名 image. abc. com 、video. abc. com、js.abc.com 并进行 CDN 加速。


4、上传文件:提供控制台上传和表单上传两种方式。


  • 控制台上传:可以通过对象存储控制台上传小于 1GB 的文件。如您要上传的-文件大于 1GB,请通过对象存储 API 或 SDK 的方式上传。

  • 表单上传:表单上传指用户使用 OSS API 中的 Post Object 请求来完成文件的上传,非常适合嵌入在 HTML 网页中来上传文件;


5、修改 DNS 调度,增加 CNAME 解析,将原本访问源站的请求,调度到 CDN 加速域名,以后用户访问您的网站的静态文件就全部通过 OSS+CDN 的方式访问,不再占用您云主机的资源。

四、典型应用场景

  • 新闻门户网站

  • 应用分发市场

  • 在线音乐、在线 K 歌

  • 视频、短视频(UGC/PGC)

  • 电影院线

  • 在线教育


2019-10-21 18:341794

评论

发布
暂无评论
发现更多内容

DawnSql构建数仓--DawnSql集群的安装

陈飞

分布式数据库 实时数仓 实时数据引擎 实时数据平台

从 HTTP 到 gRPC:APISIX 中 etcd 操作的迁移之路

API7.ai 技术团队

api 网关 APISIX

WebUI自动化环境搭建

Python 自动化测试 selenium

Python+Opencv解析一段视频并逐帧保存到本地

Python 数据读取 摄像头

CleanMyMac更新最新版本x4.12.5

茶色酒

CleanMyMac X2023

面试官:熔断和降级有什么区别?

王磊

java面试

通用 GPU 领先企业登临科技加入龙蜥社区,完成与龙蜥操作系统的兼容适配

OpenAnolis小助手

开源 操作系统 龙蜥社区 兼容 登临科技

Selenium WebDriver API 学习笔记(三):浏览器控制

Python 自动化测试 selenium

业务+研发=一体化管理平台?

没有用户名丶

小程序化

2023 年 dotnet 仓库社区年度调查已经开始

newbe36524

C#

这些「误区」99%的研发都踩过

程序人生 职场

「Go框架」mvc模式:iris中的mvc包是如何将model、view、controller联系在一起的?

Go学堂

golang 开源 程序员 个人成长

面试官:熔断和降级有什么区别?

小小怪下士

Java 后端 熔断

低代码实现探索(五十六)低代码正确方式

零道云-混合式低代码平台

Java高手速成 | 图说重定向与转发

TiAmo

Java 重定向

Selenium WebDriver API 学习笔记(二):浏览器控制

Python 自动化测试 selenium

什么是BOM?与焊盘不匹配,怎么办?

华秋电子

「推荐收藏!」【MySQL技术之旅】(4)总结和盘点优化方案系列之常用SQL的优化

洛神灬殇

MySQL 数据库 2月日更 优化专题

vue项目中webpack-dev-server的open和host0.0.0.0配置冲突

咖啡教室

Vue webpack

聊聊系统上线前,SQL脚本的9大坑

程序员小毕

数据库 sql 程序员 后端 架构师

应用部署初探:6个保障安全的最佳实践

SEAL安全

应用部署 企业号 2 月 PK 榜 安全部署

Zebec完成BNB Chain以及Near链上协议部署,多链化进程加速

鳄鱼视界

一文读懂 | 什么是 DevOps?企业该如何落地 DevOps ?

SoFlu软件机器人

详解 APISIX Lua 动态调试插件 inspect

API7.ai 技术团队

插件 api 网关 APISIX

精选案例 |《金融电子化》:光大银行云原生背景下的运维监控体系建设

博睿数据

云原生 可观测性 智能运维 博睿数据 精选案例

DawnSql超越传统数据仓库

陈飞

分布式数据库 实时数仓 数仓 实时数据湖

Python读execl之xlrd库函数详解二:单元格相关

Python Excel 数据读取

智慧赋能,Analysys易观宣布接入百度“文心一言”能力,共同打造数字经济智慧分析全系产品及服务

易观分析

易观新闻 易观

小白指南:手把手教你用低代码开发一个应用页面

HarmonyOS开发者

HarmonyOS

Python读execl之xlrd库函数详解三:行、列相关

Python Excel 数据读取

Selenium WebDriver API 学习笔记(一):元素定位

Python 自动化测试 selenium

CDN搭配OSS最佳实践 ——搭建动静态分离的应用架构_架构_常亮_InfoQ精选文章