当前位置： 首页 > news >正文

【Amazon】AWS实战 | 快速发布安全传输的静态页面

news 2026/4/5 23:38:15

文章目录

    • 一、实验架构图
    • 二、实验涉及的AWS服务
    • 三、实验操作步骤
      • 1. 创建S3存储桶，存放网站网页
      • 2. 使用ACM建立域名证书
      • 3. 设置Cloudfront，连接S3存储桶✴️
      • 4. 设置Route53，解析域名服务
      • 5. 通过CLI工具上传网页更新内容【可选】
    • 四、实验总结

一、实验架构图

image-20231030161110963

二、实验涉及的AWS服务

  • AWS S3
  • AWS Certificate Manager（简称：ACM）
  • AWS Cloudfront
  • AWS Route 53
  • AWS CLI

三、实验操作步骤

1. 创建S3存储桶，存放网站网页

创建S3存储桶

  • Name：xybdiyaws-s3-web

image-20231101094324525
测试网页代码如下：

<!DOCTYPE html>
<html lang="zh-cn"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>xybaws</title></head><body><h1>你好，AWS。</h1></body>
</html>

2. 使用ACM建立域名证书

访问AWS官网ACM链接：https://aws.amazon.com/cn/certificate-manager/

  • 导航至Certificate Manager

image-20231030163527498

选择请求证书。

  • 域名：xybdiytop.top
  • 验证方法：DNS验证

image-20231101093136268

添加标签。

  • Name：xybdiyaws.top

image-20231101093359712

点击在Route S3中创建记录。

image-20231101093639820

勾选该域名，选择创建记录。

image-20231101093738333

可以查看到该域名的状态，显示是已颁发。

image-20231101093916874

3. 设置Cloudfront，连接S3存储桶✴️

根据如下设置，创建分配。

image-20231101114517076

此时该分配的状态显示已启用。

image-20231101100405582

我们可以导航至S3控制台，点击之前创建的名为xybdiyaws-s3-web的存储桶之中。点击权限。下拉至存储桶策略。

image-20231101140558858

该存储桶依然是阻止所有公开访问的设置状态，我们可以从存储桶策略中，看到允许通过Cloudfront的去访问到该存储桶。

image-20231101115345083

{"Version": "2008-10-17","Id": "PolicyForCloudFrontPrivateContent","Statement": [{"Sid": "1","Effect": "Allow","Principal": {"AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity E2I7O41RM11TVD"},"Action": "s3:GetObject","Resource": "arn:aws:s3:::xybdiyaws-s3-web/*"}]
}

通过该界面，可以查看到分配信息。

image-20231101115239800

4. 设置Route53，解析域名服务

导航至Route 53，我们选择xybdiyaws.top托管的域名。

image-20231101141932849
image-20231101115750375

创建记录。

  • 开启别名
  • 流量路由至CloudFront分配的别名
  • 选择之前cloudfront创建临时的域名

image-20231101115956129

显示已成功为xybdiyaws.top创建记录。

image-20231101120112008

查看显示状态。

image-20231101120132233

测试通过该域名是否可以正常访问到AWS S3中的资源。

image-20231101120301373

HTTPS加密传输。

image-20231101120339358

5. 通过CLI工具上传网页更新内容【可选】

通过 AWS CLI 命令行工具，上传网页更新内容

前提：设置好 AWS CLI 授权配置，拥有对于 S3 的读写权限

  • 列出S3存储桶一览表
C:\Users\xyb>aws s3 ls
2023-10-30 09:41:01 xybaws-account-access-s3
2023-10-30 16:16:46 xybaws-web
2023-09-20 23:32:14 xybawsbucket
2023-11-01 09:42:28 xybdiyaws-s3-web
2023-10-31 17:41:24 xybdiyaws-web-s3
  • 测试本地应用
$ npm run dev
  • 打包编辑本地应用
$ npm run build
$ npm run generate
  • 上传至 S3 xybdiyaws 存储桶
$ aws s3 sync ./dist s3://xybdiyaws-web/ --delete

四、实验总结

通过该实验，掌握了如何创建S3存储桶并上传资源，通过ACM创建域名证书，进而设置CloudFront连接到S3存储桶，最后设置Route 53，解析该域名服务，最终达到通过该域名访问到S3存储桶中的资源的目的。

相关文章：

【Amazon】AWS实战 | 快速发布安全传输的静态页面

文章目录 一、实验架构图二、实验涉及的AWS服务三、实验操作步骤1. 创建S3存储桶&#xff0c;存放网站网页2. 使用ACM建立域名证书3. 设置Cloudfront&#xff0c;连接S3存储桶✴️4. 设置Route53&#xff0c;解析域名服务5. 通过CLI工具上传网页更新内容【可选】 四、实验总结 …...

编程日记 2023/11/2 15:19:20

前后端登录的密码加密和解密

在一个典型的前后端应用中&#xff0c;前端对密码进行加密后传给后端&#xff0c;后端再进行解密或验证。这通常涉及前端加密、后端解密或验证的相互配合。下面是一个基本的流程&#xff1a; 前端加密&#xff1a; 前端可以使用各种加密库或算法对密码进行加密。常见的是使用哈…...

编程日记 2023/11/2 15:18:19

使用 Curl 和 DomCrawler 下载抖音视频链接并存储到指定文件夹

项目需求 假设我们需要从抖音平台上下载一些特定的视频&#xff0c;以便进行分析、编辑或其他用途。为了实现这个目标&#xff0c;我们需要编写一个爬虫程序来获取抖音视频的链接&#xff0c;并将其保存到本地文件夹中。 目标分析 在开始编写爬虫之前&#xff0c;我们需要了…...

编程日记 2023/11/2 15:17:18

取消Excel打开密码的两种方法

Excel设置了打开密码&#xff0c;想要取消打开密码是由两种方法的&#xff0c;今天分享这两种方法给大家。 想要取消密码是需要直到正确密码的&#xff0c;因为只有打开文件才能进行取消密码的操作 方法一&#xff1a; 是大家常见的取消方法&#xff0c;打开excel文件之后&a…...

编程日记 2023/11/2 15:16:17

多测师肖sir_高级金牌讲师_jmeter 反向代理录制脚本

jemeter自带的录制脚本功能&#xff0c;是利用代理服务器来进行录制的 1&#xff0c;新建一个线程组 2&#xff0c;新建一个代理服务器 右击工作台-添加-非测试元件-http代理服务器 3&#xff0c; 配置http代理服务器 端口&#xff1a; 默认为8888&#xff0c;可修改。但…...

编程日记 2023/11/2 15:15:16

网络取证-Tomcat-简单

题干&#xff1a; 我们的 SOC 团队在公司内部网的一台 Web 服务器上检测到可疑活动。为了更深入地了解情况&#xff0c;团队捕获了网络流量进行分析。此 pcap 文件可能包含一系列恶意活动&#xff0c;这些活动已导致 Apache Tomcat Web 服务器遭到破坏。我们需要进一步调查这一…...

编程日记 2023/11/2 15:14:15

3.Linux常用操作（传输、crontab定时、匹配日期删除文件等）

1. 服务器之间传输文件 1.1 传输文件到本服务器 scp -P 19622 -C dockeruser192.168.100.96:/home/dockeruser/lgr/lgr.dmp /home/dockeruser/lgr描述&#xff1a; 用dockeruser账号登录端口号为19622的192.168.100.96服务器&#xff0c;将此服务器的/home/dockeruser/lgr/l…...

编程日记 2023/11/2 15:13:14

ChatGPT对未来发展的影响？一般什么时候用到GPT

ChatGPT以其强大的自然语言处理能力对未来的发展具有重要影响。以下是ChatGPT的潜在影响和一般使用情况&#xff1a; 改善自然语言理解和生成&#xff1a;ChatGPT和类似的模型可以改善机器对人类语言的理解和生成。这将有助于改进各种应用领域&#xff0c;包括智能助手、聊天机…...

编程日记 2023/11/2 15:12:11

在Win10系统进行MySQL的安装、连接、卸载

在Win10系统进行MySQL的安装、连接、卸载 MySQL的安装 本教程在Win10系统下安装部署MySQL-8.0.32版。 MySQL安装参考地址 MySQL安装包地址 提取码: rnbc。 选择下载mysql-installer-community-8.0.32.0安装包。 连接数据库 方式一&#xff1a; 安装后&#xff0c;可以在开始…...

编程日记 2023/11/2 15:11:10

Windows下pm2调用npm和nuxt的办法

pm2调用npm pm2 start C:\Users\xiao\AppData\Roaming\npm\node_modules\npm\index.js --name test -- run start 其中index.js的路径就是npm全局安装的路径&#xff0c;可通过以下命令获取 npm root -g require全局npm模块的一种方法 新建文件pm2npm.js const root req…...

编程日记 2023/11/2 15:10:09

本地仓库转为git仓库推送到gitee

通常有两种获取 Git 项目仓库的方式&#xff1a; 方式一&#xff1a;将尚未进行版本控制的本地目录转换为 Git 仓库&#xff1b; 方式二&#xff1a;从其它服务器 克隆 一个已存在的 Git 仓库。 两种方式都会在你的本地机器上得到一个工作就绪的 Git 仓库。 方式一&#xff1a…...

编程日记 2023/11/2 15:08:06

CSS以及JavaScript

目录 一.CSS 1.overflow溢出属性 2.定位 二.JavaScript基础 1.JavaScript引入方式 2.JavaScript数据类型 常用方法&#xff1a; 字符串常用方法&#xff1a; 在js里&#xff0c;什么是真&#xff0c;什么是假 数组的常用方法 运算符 &#xff08;1&#xff09;算数运…...

编程日记 2023/11/2 15:07:04

JVM——类的生命周期（加载阶段，连接阶段，初始化阶段）

目录 1.加载阶段2.连接阶段1.验证2.准备3.解析 3.初始化阶段4.总结 类的生命周期 1.加载阶段 ⚫ 1、加载(Loading)阶段第一步是类加载器根据类的全限定名通过不同的渠道以二进制流的方式获取字节码信息。 程序员可以使用Java代码拓展的不同的渠道。 ⚫ 2、类加载器在加载完类…...

编程日记 2023/11/2 15:06:01

CSS中实现元素居中的几种方法总结

一、使用 text-align: center 居中 使用 text-align: center; 可以在CSS中实现内联元素的水平居中。这个技术利用了CSS的 text-align 属性&#xff0c;通过对元素的文本对齐方式进行调整来实现居中效果。注&#xff1a;只展示主要代码。 <div class"container"&…...

编程日记 2023/11/2 15:05:00

保护听力戴什么耳机比较好？开放式耳机能保护听力吗？

如果想要在保护听力的前提下戴耳机&#xff0c;那么我是推荐戴骨传导耳机的&#xff01;&#xff01;&#xff01; 所谓骨传导即是一种声音传递的方式&#xff0c;跟普通耳机不同的是传统耳机是通过空气将声音通过耳膜以此完成传递&#xff0c;而骨传导耳机的原理是将声音以不同…...

编程日记 2023/11/2 15:03:59

【JVM】垃圾回收机制

【JVM】垃圾回收机制 文章目录 【JVM】垃圾回收机制1. 方法区的回收2. 堆的回收2.1 引用计数法2.2 可达性分析算法 3. 对象引用3.1 强引用3.2 软引用3.3 弱引用3.4 虚引用和终结器引用 4. 垃圾回收算法4.1 标记清除算法4.2 复制算法4.3 标记整理算法4.4 分代垃圾回收算法 5. 垃…...

编程日记 2023/11/2 15:02:58

MySQL数据库入门到精通——运维篇（2）

MySQL数据库入门到精通——运维篇&#xff08;2&#xff09; 1. 分库分表1.1 分库分表介绍1.1.1 现在的问题1.1.2 拆分策略1.1.2.1 垂直拆分策略1.1.2.2 水平拆分策略 1.2 Mycat概述1.3 Mycat入门1.4 Mycat配置1.4.1 Schema标签1.4.2 Datanode标签1.4.3 Datahost标签1.4.4 rule…...

编程日记 2023/11/2 14:59:54

投资者如何保障个人利益？行业律师与欧科云链专家给出建议

香港作为全球加速拥抱Web3变革的引领之地&#xff0c;规定自今年6月起在香港经营虚拟资产服务业务需申领牌照。蜂拥而至的Web3创业公司&#xff0c;伺机而动的加密货币交易所&#xff0c;以及跃跃欲试的行业从业者&#xff0c;都让这座金融之都热闹非凡。但近期伴随JPEX诈骗案等…...

编程日记 2023/11/2 14:58:53

【办公软件】C#调用NPOI实现Excel文件的加载、导出功能

文章目录 1. 引言2. 环境准备3. 示例代码4. 结果5. 总结 1. 引言 本文将介绍如何使用C#和NPOI库实现Excel文件的读写操作&#xff0c;并通过加载文件和导出文件的按钮进行封装。NPOI是一个强大的.NET库&#xff0c;可以轻松处理Excel文件。我们将学习如何使用NPOI打开现有的Ex…...

编程日记 2023/11/2 14:57:53

UVA 11990 “Dynamic‘‘ Inversion 区域树 + 树状数组

一、题目大意 我们有 1 2 3 ... n 这些数字组成的一个排列数组 a &#xff0c;需要从这个排列中取出m个数字&#xff0c;要求计算出出每次取出数字之前&#xff0c;数组中的逆序数&#xff08;逆序数就是 i < j&#xff0c;但是 ai > aj的数&#xff09; 二、解题思路 …...

编程日记 2023/11/2 14:56:52

Go语言的缓存策略与实现

Go语言的缓存策略与实现 1. 缓存简介 缓存是一种在计算机系统中用于提高数据访问速度的技术&#xff0c;它通过将频繁访问的数据存储在高速存储介质中&#xff0c;减少对慢速存储介质的访问&#xff0c;从而提高系统的响应速度和吞吐量。 缓存的优势 提高性能&#xff1a;缓存可…...

编程新知 2026/4/5 22:14:45

基于STM32实现OTABootLoader 第五章——OTA功能开发【下】

三、开发客户端ESP82661、自定义AT指令集&#xff08;1&#xff09;实际上&#xff0c;Wi-Fi模块通常配有官方的AT指令集&#xff0c;只要刷写官方提供的固件即可&#xff08;但可能功能不全&#xff09;&#xff0c;不过&#xff0c;AT指令本身就是基于串口通信实现的一种指令…...

编程新知 2026/4/5 22:03:54

知网检测AI率90%，我用这个方法两天降到12%

三月底&#xff0c;距离论文提交还有8天&#xff0c;知网AIGC检测报告出来了&#xff1a;AI率90%。 我当时的反应就是愣在那里。90%&#xff0c;这意味着几乎整篇论文都被标红了。后来用两天时间&#xff0c;把AI率降到了12%。今天把这个过程完整记录下来&#xff0c;因为我知…...

编程新知 2026/4/5 21:59:50

ncmdumpGUI高效使用指南：NCM文件转换完全掌握

ncmdumpGUI高效使用指南&#xff1a;NCM文件转换完全掌握 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 一、建立NCM转换认知体系 1.1 理解NCM文件加密机制 …...

编程新知 2026/4/5 21:49:41

失业期PHP程序员极致利用时间的庖丁解

"失业期 PHP 程序员极致利用时间”&#xff0c;常被误解为“疯狂投简历”或“没日没夜地刷 LeetCode”。 但本质上&#xff0c;这是一场**“认知重构”与“资产增值”的特种战役**。 失业不是“空窗期”&#xff0c;而是上帝强行塞给你的**“全脱产战略转型期”**。 在在职…...

编程新知 2026/4/5 20:20:21

AI辅助开发新思路：告诉快马你的需求，自动生成图形化MobaXterm工具

今天想和大家分享一个用AI辅助开发的小技巧——如何快速生成一个图形化的MobaXterm工具。作为一个经常需要管理远程服务器的开发者&#xff0c;我一直在寻找更高效的工作方式。最近在InsCode(快马)平台上尝试了AI辅助开发&#xff0c;发现它真的能大幅提升开发效率。 需求分析 …...

编程新知 2026/4/5 18:48:35

SR-MPLS BE vs TE实战选择：在华三设备上如何根据业务需求规划最优路径（含HCL实验拓扑）

SR-MPLS路径规划实战&#xff1a;华三设备业务驱动型网络设计指南 当企业网络承载的业务类型日益复杂&#xff0c;从普通的办公OA到关键视频会议、实时交易系统并存时&#xff0c;网络工程师面临的核心挑战在于&#xff1a;如何让网络基础设施智能适配不同业务的服务质量需求&a…...

编程新知 2026/4/5 18:46:35

从B站收藏夹到本地硬盘：3步掌握BiliTools高效下载管理

从B站收藏夹到本地硬盘&#xff1a;3步掌握BiliTools高效下载管理 【免费下载链接】BiliTools A cross-platform bilibili toolbox. 跨平台哔哩哔哩工具箱&#xff0c;支持下载视频、番剧等等各类资源 项目地址: https://gitcode.com/GitHub_Trending/bilit/BiliTools 还…...

编程新知 2026/4/5 18:46:35

零基础教程：用BERT文本分割镜像，一键整理杂乱会议记录

零基础教程&#xff1a;用BERT文本分割镜像&#xff0c;一键整理杂乱会议记录 1. 引言&#xff1a;告别混乱的长文本 每次开完会&#xff0c;面对那些密密麻麻、毫无段落之分的会议记录&#xff0c;你是不是也感到头疼&#xff1f;语音转写生成的文本常常连成一片&#xff0c…...

编程新知 2026/4/5 18:42:34

手把手教你用ModelScope替代HuggingFace：从注册到下载ChatGLM3-6b的完整指南

ModelScope实战指南&#xff1a;从零开始部署ChatGLM3-6b大模型 在人工智能技术快速迭代的今天&#xff0c;获取和部署高质量的大语言模型已成为开发者面临的第一个挑战。传统方式往往受限于网络环境和复杂的配置流程&#xff0c;而阿里云推出的ModelScope平台正在改变这一现状…...

编程新知 2026/4/5 17:27:26