静态页面域名搭建的核心路径, 是先把域名注册下来, 其次是设置DNS解析功能, 然后把静态文件部署到托管节点上去, 最后就是验证是否已经上线了, 全程是不需要服务端运行环境的, 只需要保证HTML、CSS、JS以及资源文件可以被正常访问就行。
注册域名
您需要去域名注册服务商那里把域名买下来。国内用户请注意, 如果您的域名是要用于部署国内的节点, 那么必须先完成ICP备案这一手续, 如果您选择的是托管节点的话, 就不需要办理备案了。
在注册工作全部结束之后,请您登录到管理后台里面去确认一下功能是否能够正常使用静态页面域名搭建, 同时一定要把NS也就是nameserver相关的信息给记录好。
如果你去使用像gname.xin这样支持静态托管的域名平台, 在注册完成之后, 你可以直接在管理面板里面把静态站点给绑定上去, 这就能够省去单独去配置空间以及设置解析的那些个步骤了。
配置DNS解析
请先进入到域名管理的相关后台界面, 随后, 需要执行的操作是, 添加上这里所提到的以下那些记录。
A记录的作用就是把主域名指向一个静态托管服务所对应的IP地址, 举例来说的话就可以是指向那个CDN节点所使用的IP数据。
关于CNAME记录, 需要做的操作, 是将www子域, 指向那个由托管平台所提供的, CNAME目标地址。
多数平台在签发HTTPS证书的时候, 都是采用自动签发的模式, 用户不需要进行手动的配置。
一般来说, 解析的生效时间大概在10分钟到48小时之间, 不过这个说法可能有点绕弯子。nslookupdig命令你可以拿去用一下, 通过它们来验证解析是不是真的已经起作用了。
部署静态页面
将已经构建好的HTML文件、CSS样式表、JS脚本以及图片这类资源, 一并上传到托管目录这个位置。以下是常见的方案:
就是将内容上传到比如S3、OSS这样的一些服务里面去, 然后再把这个对象存储服务和内容分发 network 进行绑定, 以此来实现加速分发的效果。
静态托管平台有GitHub Pages、Vercel、Netlify这些选项, 把代码推送上去之后, 系统就会自动完成部署。
自己建立Nginx: 要把root命令的指向设置成静态目录, 开启gzip压缩, 同时要开启expires缓存。
我们要把文件的权限设置成644, 同时, 还需要把目录的权限设置成755, 以此来避免出现因为权限不够而导致的403错误情况。
验证与上线
先让浏览器去访问那个域名, 然后把页面渲染的状态确认一下, 看看资源有没有出现404的情况。接着再用SSL检查工具把HTTPS生效的状态确认一下。然后再设置Cache-Control这个响应头, 以此来优化加载体验。等一切上线之后, 要定期地监控DNS的解析状态, 还要监控CDN节点的可用性。
常见问题
未备案的域名到底能不能使用这个问题, 情况是这样的, 如果用的是节点的话,是可以使用的静态页面域名搭建, 但如果要是用的是国内节点的话, 就必须先把ICP备案这个事情完成以后, 才可以把域名解析到国内的服务器上去。
静态页面能不能调用那种动态接口呢? 答案是肯定的, 只需要在后端把API配置一下, 让CORS允许跨域访问就行, 然后前端通过JS来发起正常的请求请求就可以了。
用户在切换域名之后, 之前那个旧的解析记录到底在什么时间点才会不再发挥作用。这个时间点完全是由TTL参数所决定的。如果不做任何特殊的配置, 那么TTL的默认值就是24个小时。如果想要让这种切换生效的过程变得快一些, 可以选择提前把TTL的参数值设置为5分钟。
