关于静态页面域名这个事儿, 它搭建起来的核心路线, 说白了就是只有三步, 首先得去注册一个域名, 然后去配置那个 DNS 解析, 最后再去部署一下那些静态的文件, 这个过程里头, 完全用不着什么后端服务, 也用不着数据库, 要是做一个单页的静态网站的话, 一年下来的成本基本上也是可以控制在百元以内的,下面我们就按照操作的顺序来一点一点地做个说明。
域名注册与选择
1. 确定后缀这个事静态页面域名搭建, 面向国内用户的话, 要推荐 .cn 或者 .com, 因为识别度高；面向海外的话, 要推荐 .com 或者 .dev。
2. 注册渠道, 可以通过阿里云、腾讯云、Namecheap 等主流注册商来完成注册操作, 在开始注册之前, 能够在 gz88.cn等类似的平台上批量检测出域名是否已经被占用掉, 以此达到缩短选名时间的目的。
3. 关于注册时长这一点, 我们给出的建议是至少要保持一年的时间。因为, 在一些情况之下, 部分提供域名注册服务的公司会在第一年的时候给出一些优惠价格。
4. 这里有一条需要注意的事项, 就是说如果这个域名的最终指向是位于中国大陆的服务器, 那么就必须去把 ICP 备案给办好, 这个备案的流程通常得花上7到20个工作日的时间, 如果没有备案的这个域名, 那么在国内是无法正常的访问的。
DNS解析配置
当大家把域名给注册下来之后, 就是需要去把这个域名给指到服务器。
1. 你需要先完成登录操作, 去进入那个域名管理后台, 然后紧接着进入DNS解析这个设置页面。
2. 你需要添加一条 A 记录, 这个 A 记录的指向是指向 IP 的。在填写主机记录的时候, 需要分别填入 @, 这里的 @ 代表的是主域名, 还需要填入 www。
至于记录值, 你应该填入你的服务器公网 IP, 或者你也可以填入 CDN 分配的 IP。关于 TTL, 建议选择 600 秒, 这样会方便进行调试工作。
3. 如果你正在使用 CDN 或者对象存储来静态托管网站, 比如阿里云 OSS 或者是 Cloudflare Pages 这样的服务。那么你需要修改 DNS 解析设置。将你要添加的 CNAME 记录指向服务商提供的托管地址。
4. 生效时间方面, 在国内一般是10分钟到2小时这个区间, 对于全球范围大约是24至48小时这个时间段。用户可以进行验证, 可以使用nslookup工具或者ping命令来做这件事。
静态页面部署上线
方式A：VPS + Nginx（适合需要灵活控制）
1. 你需要去购买轻量服务器, 然后再去做安装Nginx的操作。
2. 将 HTML/CSS/JS 文件放入 /usr/share/nginx/html/。
3. 编写 server 块, 设置 root 与 index。
4. 你需要执行 nginx -s reload 这个操作, 然后再访问域名去进行一些验证相关的事情。
方式B是使用CDN或者对象存储来进行静态资源的托管, 这种做法是被推荐使用的, 因为它具有成本最低的优势。
1. 需要在阿里云oss里面, 或者腾讯云cos里面, 又或者是在cloudflare pages里面, 去创建那个存储桶。
2. 先把那个叫做静态网站托管的功能给打开,然后龙南市就业服务平台, 还得在里头去指定一下, 就是让那个index.html这个文件, 来充当那个默认的首页页面。
3. 将那些属于前端层面的所有文件进行上传。
4. 先把那个域名给指向托管的地址, 然后再去启用免费的那个HTTPS证书。
5. 只需要去访问那个域名就行, 不需要进行日常运维。
高频问题速查
HTTPS 证书: 托管平台多提供 Let's Encrypt 免费证书, 一键启用；自建服务器可用 certbot 申请。
解析不生效需要检查 TTL。你需要刷新本机的 DNS 缓存。在 Windows 系统下要执行 ipconfig /flushdns 命令。此外还要核对记录的详细类型和对应的值是否正确。
在备案期间, 关于域名的使用情况需要明确说明。因为在备案尚未完成之前, 该域名是不能被解析到国内IP地址上去的, 不过可以先把它指向海外节点或者利用cdn的方式来进行过渡处理。
当使用SPA路由时, 若需要进行回退处理, 在纯静态环境的托管平台上必须配置一个规则,该规则的作用是确保所有未匹配的路径均返回到 index.html 这一结果。
按照上面的这个流程去操作静态页面域名搭建, 从注册域名这一步到最后实现全球都可以访问, 一个静态站点就这么搞定了。等熟练之后, 大概30分钟以内就能够完成上线工作。
