基于 Vercel 的无服务器 URL 缩短服务。 本页还提供：English

链接：https://short-url-demo.vercel.app/snQaWdG27M 管理员：https://short-url-demo.vercel.app/admin（session：123456）

申请Mongodb数据库

视频版：Youtube第一章/Bilibili

由于短链接服务需要存储URL数据，因此需要向Mongodb.com申请免费的Mongodb数据库用于数据存储。

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

打开 https://account.mongodb.com/account/register 注册一个账号

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

授权所有 IP 连接

创建

视频版：Youtube第二章/Bilibili

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

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

如果一切就绪，点击按钮后你会看到如下页面： 你需要给你的项目起个名字，并将其填入“Repository Name”输入框，点击“Create”按钮，

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

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

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

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

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

点击“环境变量”按钮，打开环境变量设置页面 在环境变量设置页面，按照下图新建名为“AppSession”和“mongodbUrl”的环境变量，分别写入管理员登录凭证和mongodbUrl（步骤1中获取）。 还要检查下面的“生产”、“预览”和“开发”选项。 最后点击“保存”按钮保存 我们需要点击导航栏中的“Deployments”按钮，打开部署选项卡 点击第一条记录右侧“...”按钮中的“重新部署”按钮，重新部署项目 选中“使用现有构建缓存重新部署”。 然后点击“REDEPLOY”按钮重新部署 当你看到这个页面时，服务已经部署成功 您可以通过域名+/admin访问管理页面，登录密码为您设置的环境变量中“AdminSession”的值。 如需自定义域名，可在设置页面自行绑定