Vercel应用绑定自己的域名
Vercel、无服务器、自动化、CI/CD、持续集成、持续部署
准备域名
首先购买自己的域名,可以选择以下渠道进行购买:
另外你还可以选择从以下平台获取到免费的域名:
在我看来免费的才是最贵的,不收钱就可能随时收回,后悔莫及,再说现在域名这么便宜,自己用着玩随便申请个什么.top .xyz的好。
首推Namesilo
我早先在腾讯云购买的域名,但奈何无耻的价格套路,最后选择迁入 Namesilo
套路:
指那些首年极其便宜,但次年续费很贵的。如 Godaddy,首年 $0.99,次年续费要 102 元人民币,而且隐私保护还需要额外再加 60 元。
价格便宜稳定,无套路
Namesilo 域名本身价格就比较便宜,COM 域名 $8.99/年,除了一个一美元优惠码,基本没有其他大幅度促销活动,域名续费和首年购买价格一致。
Namesilo 价格表:Domain Pricing
永久免费的隐私保护
Namesilo 提供永久免费的域名隐私保护,防止别人通过 WHOIS 查询获取域名所有者的个人注册信息。作为对比,Godaddy 的隐私保护是 60 元/年,Namecheap 是免费提供第一年。
安全性高
支持账户登陆二次验证和 Domain Defender,保护账户和域名安全。登陆、解锁域名等,都可以设置邮件或短信提醒。
支付方便
支持支付宝、Paypal、信用卡等多种方式付款。
Vercel控制台配置
在Vercel控制面板中找到Setting→Domains→Add,输入域名
Add之后,如果看到下图中的提示(Invalid Configuration),说明要是这个域名解析生效,需要在你的域名商管理后台配置对应的Cname解析。
配置CNAME解析
CloudFlare (推荐)
如何将namesilo购买的域名放在cloudflare中托管?可以《参考此文》教程说明。
CloudFlare 具有Worker.js、全球无限CDN流量、网站防火墙、DDoS等特性,我个人比较喜欢将域名解析交给CloudFlare管理 。
这里主要用CloudFlare举例,打开CloudFlare打开域名控制台 https://dash.cloudflare.com/login
如果你的域名没有绑定过任何一条A记录,则添加一条域名A记录指向Vercel服务器地址76.76.21.21
根据需要添加你的一条CNAME记录,值指向Vercel的CNAME服务器:cname-china.vercel-dns.com ;
这里需要在 ssl/tls 配置开启https加密
极少数用户会出现绑定域名时,提示“没有证书覆盖此主机名”的错误。
尝试解决:在SSL/TLS — Edge Certificates(边缘证书中) 检查这页底下的 “Disable Universal SSL”,是不是被禁用了。
腾讯云托管域名
https://console.dnspod.cn/dns/list 点击域名进行配置,添加一条CNAME 转发
阿里云托管域名
打开控制台 https://dc.console.aliyun.com/#/domain-list/all 域名列表,点击域名,并添加一条cname转发
Freenom 购买的域名
建议将域名的Nameservers 托管给 CloudFlare,然后在CloudFlare中设置
完成
如果域名服务配置正常,Vercel的卡片会变成如图的样子:
接下来就可以通过设置的域名访问我们的网站了
关于根域名的配置
以上举例使用的是二级域名,如果你想像我一样使用 https://tangly1024.com 这样的根域名,配置参考如下:
Vercel后台
直接添加根域名后,vercel会提示需要添加一条@记录指向vercel的服务器 76.76.21.21
域名管理后台
直接将根域名 解析到 vercel的服务器地址即可 : 76.76.21.21
完成效果
Vercel域名在国内被墙
vercel.app因为被大量使用,自然而然被墙掉了,不过好在 Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。
将上述步骤中用到的 ip和 cname地址替换成以下内容即可:
A记录地址:76.223.126.88 或 76.76.21.98 等
CNAME 记录地址:cname-china.vercel-dns.com
记录类型 | 使用目的 |
---|---|
A 记录 | 将域名指向一个 IP 地址 |
CNAME 记录 | 将域名指向另一个域名,再由另一个域名提供 IP 地址 |
详见: DNS 各记录类型说明及规则
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)