Vercel应用绑定自己的域名

已于 2024-04-08 16:23:02 修改
阅读量1k 收藏 26
点赞数 26
文章标签： 无服务器 ci/cd 自动化 持续部署 持续集成
于 2024-03-28 14:46:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45987569/article/details/137107704
版权

准备域名

首先购买自己的域名，可以选择以下渠道进行购买：

另外你还可以选择从以下平台获取到免费的域名：

  • Freenom
  • eu.org 欧盟组织的免费域名, 需要英国的用户信息才能注册;

在我看来免费的才是最贵的，不收钱就可能随时收回，后悔莫及，再说现在域名这么便宜，自己用着玩随便申请个什么.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 各记录类型说明及规则

Fong灵
关注
  • 26
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
express-vercel
04-29
简而言之，我厌倦了每次都需要快速为自己正在研究的POC快速启动API或小规模（微型？ :beaming_face_with_smiling_eyes: ）服务，我向上旋转。 用法 使用此模板非常简单。 三种方式... 克隆它， 分叉它，或者， 更...
如何在国内访问vercel部署应用？
qq_62352333的博客
11-23 2235
在今年暑假的字节青训营的最终大项目的答辩当中，当我还在为我的前端项目如何部署到服务器而焦头烂额之时，许多牛人在描述自己的项目部署经历的时候只是随口的提了一句——使用**Vercel进行前端项目的一键部署。我寻思还有这么牛逼的玩意儿？吓得我赶紧去查了一下——有一说一这是我第一次对部署项目感到这么的简单和轻松，这玩意能够自动检测你在git上面的提交（需要指定分支），然后自动的进行重新构建并且重新部署，最最最重要的就是它还会自动生成一个免费的域名并且自带SSL证书也就是可以直接通过https进行访问。
【详细教程hexo博客搭建】2、Vercel部署并绑定自定义域名+安装Butterfly主题
wufaqidong1的博客
09-17 4174
vercel是一个代码托管平台，它能够托管你的静态html界面，甚至能够托管你的node.js与Python服务端脚本，是不想买服务器的懒人的福音！首先需要一个Vercel账号，这里推荐用GitHub账户关联，这样你就可以在vercel中直接托管你的GitHub库中的项目了，实现开发部署一步到位（网络不流畅可以考虑挂梯子）。当你用你的Github账户关联并绑定手机号登录之后，点击右上角的创建新的项目，之后导入选项那里选择。
Vercel部署Typecho动态博客
乐特的博客
01-15 4156
免费部署Typecho博客系统、任何php都能程序都能运行包括wordpress、全都免费、无需服务器、免费二级域名、免费数据库、无需备案
Astro + Vercel 快速搭建自己的博客网站
qq_20794095的博客
08-04 416
保姆级教程，从零开始基于Astro + Vercel 零成本快速搭建自己的博客网站。
fastapi-vercel:在Vercel上部署的FastAPI示例应用程序
05-10
这是部署在上的示例应用程序。 要求 帐户 设置 git clone && cd fastapi-vercel （推荐）创建一个虚拟环境并激活它 python -m venv env source env/bin/activate 安装依赖项 pip install -r requirements.txt ...
nextjs-cron:Vercel上Next.js应用程序的Cron作业▲
03-04
在Vercel上使用 for Next.js应用程序进行Cron作业▲ 动机 由于Vercel平台是事件驱动的，因此不维护正在运行的服务器，因此您无法真正在Next.js应用程序中安排或上的调用。 尽管有许多现有的服务可以提供预定的cron...
vercel
03-08
这是一个用引导的项目。 入门 首先，运行开发服务器： npm run dev # or yarn dev 用浏览器打开以查看结果。...部署Next.js应用程序的最简单方法是使用Next.js创建者提供的。 请查看我们的以获取更多详细信息。
vercel-dart:▲Vercel的Dart运行时
05-11
Vercel运行时，用于在Dart中编写无服务器功能。用法无服务器功能文件应包含一个名为handler的处理handler 。 在后台，运行时将结合处理程序和AWS运行时，并使用dart2native将其编译为二进制文件。 例子使用以下内容...
serverless是什么？无服务器之serverless
蔚可云的博客
03-02 1149
serverless是什么 Serverless首先是用于描述我们的应用程序是明显或充分地依赖第三方应用或服务来管理服务器端逻辑和状态，这些应用是典型的富客户端应用，比如单页Web应用或移动应用，它们使用基于云可访问的数据库比如Parse或Firebase，还有授权服务比如Auth0AWS Cognito等，这些服务类型之前曾经被描述为后端服务，下面使用Baas这一简称代表后端服务(Backend as a Service)。 其次，Serverless也意味着应用会有一些服务器端逻辑，但是不像传统架
【Jenkins】持续集成与交付 （四）：修改Jenkins插件下载地址、汉化
✨ 欢迎来到【Seal ^_^ 的CSDN博客】！这里是我记录技术心得、分享经验的地方。✨
04-28 564
🟣【Jenkins】持续集成与交付 （四）：修改Jenkins插件下载地址、汉化
CI/CD:基于kubernetes的Gitlab搭建
m0_60125201的博客
04-25 940
本博客使用kubernetes环境搭建了Gitlab，并进行基本的配置。
【Jenkins】持续集成与交付 （一）：深入理解什么是持续集成？
✨ 欢迎来到【Seal ^_^ 的CSDN博客】！这里是我记录技术心得、分享经验的地方。✨
04-26 1931
🟣【Jenkins】持续集成与交付 （一）：深入理解什么是持续集成？
自动化密码填充：使用Python提高日常工作效率
weixin_41489908的博客
04-28 329
密码是我们日常生活中难以逃脱的一部分。从解锁电脑到登录各种服务，我们需要记住无数的密码。幸运的是，通过Python和一些有用的库，我们可以简化填入密码的过程，使日常任务自动化变得简单。在本文中，我们将探讨如何使用Python自动填充密码，并提供一些实际的代码示例。
简单的jmeter脚本自动化
fairy_yang_1的博客
04-25 614
1、创建线程组，定义自定义变量，保存请求默认值。3、使用csv文件读取测试用例。2、用csv编写测试用例。4、创建http请求。
用Typescript写自动化工作流
联蔚盘云的博客
04-29 855
acao 的命令还有一些其他用法，比如指定执行某个 job 或者忽略依赖 通过命令行参数的方式注入等等，详细使用方式可以查看文档这个项目最近也在持续更新中，后续也会支持更多的预设，web ui 的操作方式也在计划中小伙伴想参与预设的开发也欢迎 pr 呀。
无缝对接配电自动化：IEC104转OPC UA网关解决方案
最新发布
钡铼技术工业物联网
04-30 134
即对各个电厂进行数据采集与处理、安全运行监视、运行调度、操作控制和管理，同时负责接收上级调度下达的各项指令、向上级调度传达所需数据，以便对整个电站进行有效地监视、调度、控制及管理。随着水电厂自动化发展的要求，具有一定规模的梯级水电站越来越多，为了实现水电站的无人值班(少人值守)，并考虑到节能控制，电厂采用了集中监控。集中监控关注的是整个电网的安全稳定运行及电压、频率和整个电网的电力需求，因此主要采集电厂的IEC104遥测量（有功、无功、电压、频率)和开关量（断路器、隔离开关)。
vercel添加二级域名
07-28
要在Vercel上添加二级域名，您可以按照以下步骤操作： 1. 登录到您的Vercel帐户并选择相应的项目。 2. 在项目概述页面上，点击左侧导航栏中的“域名”选项。 3. 在“域名”页面上，您可以看到已经添加的域名列表。在顶部找到并点击“Add域名”按钮。 4. 在弹出的对话框中，输入您想要添加的二级域名（例如：subdomain.example.com）。确保选择正确的顶级域名。 5. Vercel将为您提供一个CNAME记录和一个TXT记录。这些记录需要添加到您的DNS配置中，以验证您对该域名的所有权。 6. 打开您的DNS服务提供商，并将CNAME和TXT记录添加到相应的DNS配置中。请注意，这可能需要一些时间来生效。 7. 返回到Vercel的“域名”页面，并等待验证过程完成。一旦验证通过，您将能够在Vercel上使用该二级域名。 请注意，具体的步骤可能会因为您的DNS服务提供商和Vercel帐户设置而有所不同。如果您遇到任何问题，建议参考Vercel的文档或联系他们的支持团队以获取更多帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值