CI/CD学习第2期 - 域名购买到绑定vercel应用

在哪里可以购买

可以分国内和国外。

国内有 阿里云、腾讯云、京东云、华为云等可以购买,注意在国内购买域名需要实名制。

国外有 Cloudflare、Dynadot、Namecheap、NameSilo等,国外一般只需要邮箱认证就行,注意 Cloudflare 当前不支持支付宝支付。

关于备案

不管是国内还是国外买的域名,和备案没有关系,备案不看域名的购买地方,而是看项目部署的服务器是在国内还是国外,如果是服务器是在国内,则需要备案。

这边文章主要讲自定义域名如何绑定到vercel上,vercel服务在国外,所以和备案没关系,这里关于如何备案就不多说~~(其实写这边文章的时候我也不知道怎么备案)~~。

注:中国香港也不需要备案。

Dynadot 购买域名

我的域名是在 Dynadot 上购买的,Dynadot 是海外华人开的,价格也还行,并且支持支付宝(官网地址:购买域名 - 注册、管理、更省钱 | Dynadot域名注册商)。

并非打广告,从哪里购买看个人喜好

首先注册一个 Dynadot 账号,然后搜索自己感兴趣的域名,然后支付,支付完会有个认证链接发送到邮箱,15 天之内需要认证,否则到时候域名会停止DNS解析(记得去邮箱那里点击下认证链接就行...)。

购买成功长这个样子(我买的是 com,下面的 vision 是免费送了一年):

默认的 DNS 设置是 Dynadot Parking,Dynadot Parking 的意思是当访问域名的时候,会提供一个默认的网页,提示这个域名已经被注册了,长下面这个样子:

使用 Cloudflare DNS 解析

Dynadot 也有 DNS 解析功能,为什么选Cloudflare,主要是 Cloudflare 比较热门(就这么朴实无华,所以Dynadot的其他功能也不是很了解,主要就是为了购买个域名,如果Cloudflare也支持支付宝支付,就直接在Cloudflare上买域名了)。

Cloudflare 添加域名

右上角选择 Connect a domain:

输入自己购买的域名,然后点击继续:

然后选择 Free:

然后一直点击继续,最后来到了这个界面:

复制这两个地址,然后再来到 Dynadot 这里,我们需要把 自己购买的域名 DNS 解析全交给 Cloudflare 负责。

Dynadot 配置DNS服务为Cloudflare地址

先将状态改为解锁状态,否则无法更改设置:

然后点击 DNS Settings:

选择 Name Servers,并将上面复制的两个地址填上,然后保存:

注意别忘记锁定下域名:

到此 Dynadot 这边的工作就到此为止。

大概等几分钟,Cloudflare 接管了域名会收到一个邮件,大概长这个样子:

然后就可以去 Cloudflare 看板去配置域名解析。

解析vercel地址

进入vercel,这是我之前写的一个demo项目,进入domains配置:

添加域名保存:

就会得到两个异常的配置:

展开它们,注意下面圈出来的,等会需要配置到cloudflare上:

现在来到Cloudflare上,进入DNS Records:

将当前的配置全部删掉(不放心可以截个图保存下,出了什么异常可以恢复),然后配置vercel上的,也就是上面说圈起来的:

最终效果如下,注意把 Proxy关掉,只用来 DNS 解析:

有人会质疑为啥要清空,清空之前的配置会不会有什么影响,反正我是直接大力出奇迹 0.0

然后vercel那边的domains配置就能正常(如何还是异常可以点击refresh刷新下):

到此为止所有的工作都完成了,下面见证奇迹的时候,当访问我们自定义的域名,可以成功访问vercel部署的项目:

注意几点

Cloudflare开启HTTPS

为了安全性,建议开启HTTPS:

配置子域名

现在就只有一个域名 congvee.com,如果我有很多个项目怎么办,一个地址不能同时绑定多个项目。

要不就再买域名,还有个更好的做法是分出来子域名,一个项目配置一个子域名,理论上就实现了买一个域名,可以部署无限个项目。

现在回到vercel的domains配置那里,将之前的两个配置删掉,恢复原来的样子:

加入我想使用子域名 notion.congvee.com 绑定刚才这个项目,那么可以这样做:

先绑定子域名:

还是一样的道理,配置到cloudflare上:

最后样子长这个:

同样回到 vercel 那边,发现也正常了:

又是见证奇迹的时候:

相关推荐
一念一花一世界2 天前
Arbess从入门到实战(17) - 使用Arbess+GitPuk+SonarQube实现Java项目代码扫描及自动化部署
ci/cd·1024程序员节·tiklab·arbess
三坛海会大神5552 天前
CICD(一)CI/CD概述及GitLab部署和一些Git命令
git·ci/cd·1024程序员节
荣光波比2 天前
CICD(一)—— 从零搭建 GitLab 全流程(Docker 部署 + 实战指南)
git·ci/cd
鼓掌MVP2 天前
CI/CD:现代软件开发的持续交付之道
ci/cd
Test-Sunny2 天前
MLOps 的CI/CD VS DevOps 的CI/CD
运维·ci/cd·devops
一念一花一世界3 天前
Arbess从入门到实战(16) - 使用Arbess+Gitee实现K8s自动化部署
ci/cd·云原生·容器·kubernetes·tiklab
神秘人X7074 天前
Jenkins 持续集成与部署指南
运维·ci/cd·jenkins
冲上云霄的Jayden5 天前
修改 Docker 容器中 MySQL 8.0 默认编码为 utf8mb4_unicode_ci
utf-8·mysql·ci/cd·docker·utf8mb4
半梦半醒*5 天前
Jenkins流水线项目发布
运维·ci/cd·tomcat·jenkins·maven·运维开发
codeの诱惑9 天前
Azure DevOps CI/CD 流水线中 Java 17 容器化部署 NullPointerException 解决方案
ci/cd·azure·devops