STATIC WEB · DNS · HTTPS · CDN

Cloudflare
Learning Lab

一个小而完整的实验站点,用来观察网站从本地代码到全球访问之间发生了什么。

阅读原理 ↓

当前运行环境:本地文件。部署到 Pages 后,这里会显示你的 pages.dev 地址。

部署状态
LOCAL

当前站点由本地 HTML 文件提供。

Pages 信息
准备连接

部署后会获得免费的 *.pages.dev 子域名。

HTTPS 状态
待检测

Pages 部署后会自动提供 HTTPS 证书。

THE CORE IDEA

一次访问,经过哪些步骤?

当你访问一个网站时,浏览器需要先找到服务器,再安全地下载文件。Cloudflare 可以在这条链路上提供 DNS、HTTPS 和 CDN 能力。

01

浏览器

用户输入 xxx.pages.dev

02

DNS

把易读的域名转换成服务器地址。

03

Cloudflare CDN

从距离用户较近的边缘节点响应缓存内容。

04

网站内容

HTML、CSS、JavaScript 被浏览器渲染。

DNS 工作原理

DNS 像互联网的电话簿:它让浏览器可以通过域名找到对应的网络服务,而不必记忆数字地址。

查看名词 →

HTTPS 状态

HTTPS 会加密浏览器与网站之间的通信。地址栏中的锁形图标表示连接通过了证书校验。

了解证书 →

Pages 部署

Git 仓库中的每次更新都可以触发新的构建,让 Cloudflare 自动发布最新的静态文件。

了解发布 →

BEGINNER GLOSSARY

先记住这 5 个词

域名
方便人阅读和记忆的网站名称,例如 example.com
DNS
负责查询域名对应网络地址的分布式系统。
CNAME
把一个域名指向另一个域名的 DNS 记录,Pages 子域名常见这种关系。
Nameserver
告诉互联网“应该向哪一组 DNS 服务器询问这个域名”。
CDN
分布在多个地点的缓存网络,可以更快地向用户提供静态内容。