【技术种草】如何白嫖一个动态网站

前言

我们知道，想要搭建一个网站往往需要一下几个步骤：

1. 域名注册
2. 服务器购买
3. 数据库购买或部署
4. 网站设计
5. 网站开发
6. 网站备案
7. 网站上线

在国内上线一个网站，域名还必须得备案，光是域名备案的话还的几个星期，整个流程下来，上线一个网站可能要个把月。若选择云服务器，各大云平台新用户首年还有优惠，次年想要续费得花上不小成本。本文将介绍如何用最小的成本和最短时间开发部署一个动态网站。

购买域名

免费的域名可以选择Freenom，当然也可以选择不用域名，如果选择 Vercel 部署会自动分配一个二级域名，也挺好用的。当然域名注册也很便宜，最低1元，我这边选择的是腾讯云，购买之后只需要实名认证（上传身份证等信息）就可以直接域名解析了。

网站设计

对于程序员来说，网站设计可能会困扰到大家，大家可以去dribbble，站酷等网站搜索向要实现的 app，挑选一个好看的设计应用到自己的网站中。

如果你会 TailwindCSS 我推荐VSCODE 安装 这个插件tailwind-snippets 可以快速帮我们来发出一个常用的代码片段，大家可以在 https://www.tailwindsnippets.ml/snippets 查看效果，快速实现我们的 html 页面

部署

Vercel

Next.js 开发商 Vercel 获得最近 1.5亿美元D轮融资。Vercel注册什么的我就不讲了，建议使用GitHub 登录, 点击new project创建一个项目，这个项目可以从自己的 GitHub 库导入或者选择Vercel给的模板，Vercel给的模板（下图）首先也会导入进自己的 GitHub 库，总之要先把内容导入进 GitHub 库才行。

Vercel 为个人用户提供了

1. 自动 HTTPS/SSL
2. 带宽 100 GB
3. 并发构建，每天10万次调用
4. Serverless Function

所以 Vercel 不光支持静态网站也支持 nodejs 动态网站，如果想要其他后端语言

可以选择 heroku

heroku

Heroku是一个支持多种编程语言的云平台，并且提供了 Heroku Postgres、Heroku Redis、Apache Kafka on Heroku、

Heroku 虽然提供了比较全面的编程语言和数据库支持，免费用户还支持

1. 使用 Git 和 Docker 部署
2. 自定义二级域名
3. 容器编排
4. 自动操作系统补丁

但 heroku 对国内用户支持不是很友好，第一点访问国内速度比不上 Vercel， 第二点 163和QQ邮箱都不能注册，想要注册得要其他邮箱， 第三没有免费的 ssl。第四项目源代码只能有500M。

数据库选择

MongoDB

选择 https://cloud.mongodb.com/

创建database 的时候选择 free；

地域可以选择日本或者新加坡。

接着创建一个用户

密码是自动生成的，要把密码拷贝下来

接着要创建一个允许链接的IP地址

这里选择任何地方可以链接

接下来选择database 点击 connect

还可以选择开发语言

上面的<password> 要替换成刚才创建用户的随机生成的密码

mysql

mysql 可以选择https://planetscale.com/

针对免费用户可以：

1. 每月10GB 存储
2. 每月1亿行读取
3. 每月1千万次写
4. 每个数据库3个分支
5. 1,000 个链接
6. 每日自动备份
7. 社区支持

可以直接接使用 Github 登录，跟着引导直接到最后一步创建数据库，

地域选择就近新加坡或者日本。

可以在命令行中管理数据，点击上图中的按钮随机生成密码，密码要用户手动保存，后面登录将无法看到

域名解析

Vercel绑定域名

绑定域名我就不多讲了吧，直接去自己的域名平台，cname域名到cname.vercel-dns.com，然后Vercel会自动帮你生成一个证书。

网站备案

这边介绍的方案都是服务都不是部署在大陆的，所以可以选择不用备案，但如果想要在大陆运营的话，海外的速度往往跟不上的，还是要选择大陆的服务器，备案必不可少，各大云服务厂商都提供了备案服务，按照要求填写网站信息即可。

如果你之前没买过【云服务器】 可以买一个3年2核4G 的轻量应用服务器。

如果是老用户切换成 QQ登录也可以买。毕竟服务器在国内，白国外还是好快很多的。

我之前给我的博客备案的时候是16年，现在也不记得具体步骤。

只记得备案方会给你邮寄一个幕布，按要拍了照片邮寄回去即可。不是很复杂，就是时间久了点。

最后

接下来就是网站运营了，需要给网站引流，带来更多精准用户，网站的价值才能发挥最大。推广主要渠道和方式有SEO、SEM、新媒体、信息流广告等。至于怎么做网站推广又是另外一个大话题了。

结语： 以上就是关于域名和网站搭建的相关内容，希望这篇文章对大家有所帮助，也可以参考我往期的文章或者在评论区交流你的想法和心得，欢迎一起探索前端。