十分钟!免费部署一个自己的短链服务

十分钟!免费部署一个自己的短链服务

Scroll Down

对短链服务架构研究一番后,小年就突然兴起,为何不自己动手做一个?

要实现一个简单易用的短链服务其实并不复杂,如果你看了小年短链服务的文章分析的话:http://edisonz.cn/archives/short-link

但是考虑到时间和维护成本,如果用Java、Go 来实现的话,可能会比较重、繁琐。

正巧小年最近在学习 React 和 Nextjs ,加上 Vercel 支持免费部署,刚好学以致用,尝试一点不一样的技术栈。

当然,重点是:免费!

按照小年的教程,只需要 10 分钟时间就可以免费部署一个自己的短链服务。

友情提示:访问 Vercel 需要科学上网

Step 1:Github Fork 项目

打开小年的 Github Repository:short-link,fork 到自己的仓库

Setp 2:注册 Vercel

登录 Vercel 官网注册账号,可以通过github账号关联登录。

Setp 3:创建项目

1、创建账号后,进入个人主页 Overview,创建项目

2、选中 Github Fork 的项目 short-link

3、这里默认选中 Next.js,点击 Deploy

Step 4:配置数据库

项目第一次部署后,虽然页面可以访问,但其实功能还不能正常运行,还需要配置Storage。

进到 Storage 创建数据库,类型选择 KV。

然后进入新创建的项目,进入 Storage ,关联刚刚新创建的数据库即可。

Step 5:重新部署

进入项目的部署标签页下,重新部署后,就可以直接使用了。

整个过程大概10min,就可以部署一套属于自己的短链服务。

vercel会为每个project自动生成一个域名,访问域名就能看到最终的效果页面啦~

Demo 体验:https://slink-code.vercel.app/