搭建基于 Vercel 的短链接服务

type

status

date

slug

summary

新版本重构了前端样式和部分前端逻辑，建议此前已经部署过的开发者重新拉取来更新代码，详见 Github Commit。

申请Mongodb数据库
视频版：Youtube第一章/Bilibili
由于短链接服务需要存储URL数据，因此需要向Mongodb.com申请免费的Mongodb数据库用于数据存储。

在本节中，您将获得一个 Mongodb url，请保存它，我们将在下一节中使用它。

创建数据库账号并记录账号密码

授权所有 IP 连接

创建

单击此选项

复制连接网址

将URL中的"< password >"替换为您刚刚设置的密

您需要点击下方按钮进入Vercel部署页面

如果您还没有登录或注册过Vercel，请根据页面注册/登录后再次点击上面的部署按钮。

如果一切就绪，点击按钮后你会看到如下页面：

你需要给你的项目起个名字，并将其填入“Repository Name”输入框，点击“Create”按钮，

届时 Vercel 会自动在你的 Github 中创建一个同名的仓库，并拉取该项目的代码

拉取完成后，Vercel 会开始项目部署，也是自动的

当你看到这个页面时，项目已经部署成功。

部署完成后，需要点击位于页面右上角的“Continue to Dashboard”按钮

如果你不小心关闭了这个页面，您只需在首页打开该项目即可。
在新页面中，点击菜单栏中的“设置”按钮

点击“环境变量”按钮，打开环境变量设置页面

在环境变量设置页面中，按照下表新建环境变量：

变量名	值	示例
linkLen	整数，可空默认8位，生成短链接时随机字符串的长度	10
mongodbCollection	可空，数据库 Collection 用于区分不同服务的数据库表（若不存在会自动创建）	Link
mongodbDB	可空，数据库名（若不存在会自动创建）	MyService1
AdminSession	登录短链接和请求API时的密钥	123456
mongodbUrl	mongodbUrl，在上一节中获取	mongodb+srv://xxx:xxx