静态页面域名的搭建, 核心的步骤是这样的, 先去注册一个域名, 然后配置好域名解析的DNS记录, 接着再把静态文件部署上去, 最后进行绑定让设置生效, 这个过程整个下来是用不到任何服务器动态运行环境的, 下面的内容会根据操作的实际顺序, 给出一个完整的执行具体方案。
域名注册与DNS解析配置
所谓域名, 它就是那个供用户访问静态页面时的入口标识。当大家在选择域名的时候, 务必要先核对一下域名后缀的可用性状况, 而对于需要在国内进行解析并指向境内IP地址的情况来说, 则必须去办妥ICP备案的相关手续。
操作步骤：
1. 您需要在域名注册的平台中搜索目标域名, 在完成操作后购买它。此时, 所选的注册商必须是那些能够支持TXT记录、CNAME记录以及A记录这些基础解析类型的服务商。
2. 登录到域名管理后台, 然后开始添加解析记录。对于A记录来说, 主机那一栏请填写符号"@", 而记录值则应当填写静态托管服务对应的IP地址。另外需要增加一条CNAME记录, 在这条记录里, 主机请填入内容"www", 同时记录值要写入由托管平台所分配的CNAME目标地址。
3. 你可以使用第三方域名服务来进行管理, 这类服务包括像gname.xin等所提供的一站式域名与解析解决方案。
操作时, 请登录相关平台并进入其控制台下的“DNS管理”页面, 根据前述规则完成相应的记录添加工作后, 点击保存按钮。通常情况下, 经过10至30分钟的等待期, 配置在全球服务器上即可实现生效。
大家要注意一下, .cn这些国内的域名, 还有那些指向国内服务器ip的解析内容, 要是没有先去把备案给办了的话, 会被运营商直接给拦住的, 所以大家一定要先把备案工作提前完成。
静态页面部署
静态页面是由HTML、CSS、JS, 以及图片资源构成的。它是不需要后端程序的。常见的部署方式:
1. 对象存储静态托管指的是文件上传到云厂商OSS或者S3的静态网站托管功能。用户获取托管域名之后, 需要把自定义域名绑定为它的CNAME。
2. 先把那些静态的文件全部放在 CDN 的源站上面去, 然后再把域名给 CNAME 指向到 CDN 那边分配给我的那个地址上去, 最后一定要把 HTTP/2 给打开, 同时还要开启那种长长的缓存策略。
3. 我们采取这种Git托管的方案, 就是要把代码推送到GitHub Pages或者Gitee Pages去, 然后再按照平台给出的那些指引步骤, 把我们的自定义域名的CNAME记录设置为平台给我们分配的那个地址。
部署规范的要求如下, 首先入口文件需要统一使用index.html这个名称, 其次目录结构要保持扁平化,同时图片以及资源必须采用相对路径的方式进行引用静态页面域名搭建, 这样做是为了避免产生跨域加载的问题。
绑定验证与正式上线
1. 在DNS生效之后, 你可以使用dig命令或者nslookup命令来验证记录是否正确指向了目标地址, 并且确认TTL值已经被刷新了。
2. 当使用浏览器去访问域名这个动作的时候,需要按照顺序一项一项地检查页面在渲染的过程中静态页面域名搭建, 还有资源加载的过程中, 是否存在因为找不到文件而返回的404错误状态码。
3. 进行HTTPS证书的配制工作, 这个证书既可以是来自Let's Encrypt的免费证书, 也可以是托管平台直接配备好的证书内容, 同时还需要把HTTP的访问路径强制设定跳转到HTTPS上面去。
4. 我们需要把这个网站提交给百度资源平台, 也要向Google Search Console提交,并且要把网站的站点地图上传上去大城群众说事, 通过这种种做法来帮助搜索引擎更快地把我们的网页收录进去。
常见疑难与排查
在解析之后, 页面依旧处于无法访问的状态, 所以需要依次地去核查备案状态是否已经通过, 还要去核查DNS的TTL值是否还残留着旧的数值, 同时要去核查源站的文件是不是实际上传成功了, 并且还要去核查防火墙有没有放行80端口或者443端口。
如果自定义域名不能申请HTTPS证书, 那么需要确认CNAME记录已经完全生效。同时, 这个域名不能出现在免费证书不被支持的名单里面。在成功申请到证书之后, 必须再次主动去触发一下解析操作。
用户在用移动设备看的时候, 图片和桌面电脑上看的不一样。我们要去查一下那个响应式的样式表是不是被内容分发网络给缓存了旧版本。如果有必要的话, 用户得自己去手动刷新一下这个内容分发网络的节点缓存。
按以上三步, 依次完成域名注册这一步, 然后完成解析配置这一步, 再然后完成静态资源部署这一步, 这样就可以了, 就可以通过自有域名, 对外, 正式提供静态页面服务, 全程无需额外运维动态环境。
