公有云服务架构与运维（基于阿里云）电子教案10 综合实战：传统架构Web应用部署

教师备课纸教师备课纸课题综合实战：传统架构Web应用部署课型理实一体授课班级授课时数2教学目标1.知识目标：•理解传统三层Web架构（接入层、应用层、数据层）在云上的实现方式。•掌握动静分离的核心思想及其对性能和成本的优化作用。2.技能目标：•能整合ECS、SLB、RDS、OSS四大核心服务，部署一套完整的Web应用（如WordPress）。•能配置应用，使其静态资源（图片、CSS、JS）从OSS加载，动态请求通过SLB分发到后端ECS处理。•能验证整个架构的连通性与高可用性。3.素质目标：•培养系统集成与工程化思维，能将零散的云服务组合成有机整体。•强化最佳实践意识，理解动静分离是Web应用优化的基石。教学重点•四大云服务（ECS+SLB+RDS+OSS）的协同工作流程。•WordPress应用的部署及与RDS、OSS的集成配置。教学难点•在WordPress中正确配置OSS插件，实现媒体文件自动上传至OSS。•理解并验证“用户请求→SLB→ECS→RDS/OSS”这一完整数据流向。学情分析学生已掌握各单项云服务的操作，但缺乏将其融会贯通的综合项目经验。对“动静分离”的概念理解可能停留在理论层面。教学需提供清晰的架构图和分步操作指南，降低集成复杂度。教学效果•学生成功部署了WordPress应用，其前端由SLB统一入口，后端由多台ECS承载，数据存储在RDS中。•学生配置了OSS插件，新上传的图片能自动存储到OSS，并通过OSS外网地址直接访问。•学生能通过SLB公网IP正常访问网站，并验证了基本功能（发文章、传图片）。教后记本次综合实训有效检验了学生前期所学，大部分小组能成功完成部署。主要挑战在于OSS插件的AK权限配置和ECS间代码同步。下次可考虑提供一个预装WordPress和OSS插件的自定义镜像，简化部署步骤，让学生更聚焦于架构本身。一、情境导入与任务驱动（10分钟）架构演进：回顾我们之前零散搭建的服务。现在，我们要把它们像拼图一样，组装成一个高可用、可扩展、高性能的完整Web应用！引出综合架构：SLB：作为统一入口，分发流量。ECS：运行WordPress应用。RDS：安全可靠地存储文章、用户等结构化数据。OSS：海量、低成本地托管图片、视频等静态资源。明确任务：今天我们将亲手打造一个生产级别的博客系统，并体验“动静分离”带来的丝滑体验。二、核心架构精讲（20分钟）整体架构图解析：[用户]↓(HTTP)[SLB]←→[ECS-1]←→[RDS]↓↑[SLB]←→[ECS-2][OSS]←(媒体文件)动态请求（如发布文章、登录）：用户→SLB→ECS→RDS静态请求（如加载图片）：用户→OSS(直连，不经过ECS/SLB)动静分离价值：性能：OSS全球加速，静态资源加载更快。成本：减轻ECS带宽和计算压力，节省费用。扩展性：应用层（ECS）和存储层（OSS/RDS）可独立扩展。三、技能实训（50分钟）任务：部署我的高可用博客系统环境准备（10分钟）：确认资源：确保已有：1个VPC及公/私网交换机。1个RDS实例（MySQL），已配置白名单。1个OSSBucket（公共读）。2台位于公网子网的ECS（已安装LNMP）。1个CLB实例，后端服务器为上述2台ECS。部署WordPress（20分钟）：在一台ECS上操作：下载并解压WordPress到Nginx根目录。编辑wp-config.php，填入RDS内网地址、数据库名、账号密码。通过浏览器访问http://<SLB公网IP>/wordpress完成初始化安装。同步代码：将WordPress目录打包，复制到第二台ECS的相同位置。配置OSS动静分离（20分钟）：安装OSS插件：在WordPress后台，安装并激活官方插件“AliyunOSSforWordPress”。配置插件：Endpoint:选择OSSBucket所在地域的外网Endpoint。AccessKeyID/Secret:输入有OSS读写权限的AK。Bucket:填写创建的Bucket名称。关键设置：勾选“使用OSS作为媒体库”。验证：在WordPress后台发布一篇新文章，并上传一张图片。检查图片URL是否以OSS域名开头。四、总结评价与拓展延伸（10分钟）成果验收：检查学生能否通过SLBIP访问WordPress站点。验证新上传的图片是否存储在OSS中，并能直接通过OSS链接打开。（可选）停止一台ECS，验证网站是否依然可用。知识梳理：SLB是流量入口，ECS是应用大脑，RDS是数据心脏，OSS是资源仓库。动静分离让网站跑得更快、更稳、更省钱。作业布置：思考题：