如何白嫖一个动态网站
前言
我们知道，想要搭建一个网站往往需要一下几个步骤：
- 域名注册
- 服务器购买
- 数据库购买或部署
- 网站设计
- 网站开发
- 网站备案
- 网站上线
在国内上线一个网站，域名还必须得备案，光是域名备案的话还的几个星期，整个流程下来，上线一个网站可能要个把月。若选择云服务器，各大云平台新用户首年还有优惠，次年想要续费得花上不小成本。本文将介绍如何用最小的成本和最短时间开发部署一个动态网站。
购买域名
免费的域名可以选择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 为个人用户提供了
- 自动 HTTPS/SSL
- 带宽 100 GB
- 并发构建，每天 10 万次调用
- Serverless Function
所以 Vercel 不光支持静态网站也支持 nodejs 动态网站，如果想要其他后端语言
可以选择 heroku
heroku
Heroku 是一个支持多种编程语言的云平台，并且提供了 Heroku Postgres、Heroku Redis、Apache Kafka on Heroku、
Heroku 虽然提供了比较全面的编程语言和数据库支持，免费用户还支持
- 使用 Git 和 Docker 部署
- 自定义二级域名
- 容器编排
- 自动操作系统补丁
但 heroku 对国内用户支持不是很友好，第一点访问国内速度比不上 Vercel， 第二点 163 和 QQ 邮箱都不能注册，想要注册得要其他邮箱， 第三没有免费的 ssl。第四项目源代码只能有 500M。
数据库选择
MongoDB
创建 database 的时候选择 free；
地域可以选择日本或者新加坡。
接着创建一个用户 密码是自动生成的，要把密码拷贝下来
接着要创建一个允许链接的 IP 地址
这里选择任何地方可以链接
接下来选择 database 点击 connect
还可以选择开发语言
上面的password 要替换成刚才创建用户的随机生成的密码
mysql
mysql 可以选择https://planetscale.com/
针对免费用户可以：
- 每月 10GB 存储
- 每月 1 亿行读取
- 每月 1 千万次写
- 每个数据库 3 个分支
- 1,000 个链接
- 每日自动备份
- 社区支持
可以直接接使用 Github 登录，跟着引导直接到最后一步创建数据库，
地域选择就近新加坡或者日本。
可以在命令行中管理数据，点击上图中的按钮随机生成密码，密码要用户手动保存，后面登录将无法看到
域名解析
Vercel 绑定域名
绑定域名我就不多讲了吧，直接去自己的域名平台，cname 域名到 cname.vercel-dns.com，然后 Vercel 会自动帮你生成一个证书。
网站备案
这边介绍的方案都是服务都不是部署在大陆的，所以可以选择不用备案，但如果想要在大陆运营的话，海外的速度往往跟不上的，还是要选择大陆的服务器，备案必不可少，各大云服务厂商都提供了备案服务，按照要求填写网站信息即可。
如果你之前没买过【云服务器】 可以买一个 3 年 2 核 4G 的轻量应用服务器。
如果是老用户切换成 QQ 登录也可以买。毕竟服务器在国内，白国外还是好快很多的。
我之前给我的博客备案的时候是 16 年，现在也不记得具体步骤。 只记得备案方会给你邮寄一个幕布，按要拍了照片邮寄回去即可。不是很复杂，就是时间久了点。
最后
接下来就是网站运营了，需要给网站引流，带来更多精准用户，网站的价值才能发挥最大。推广主要渠道和方式有 SEO、SEM、新媒体、信息流广告等。至于怎么做网站推广又是另外一个大话题了。
以上就是本文全部内容，希望这篇文章对大家有所帮助，也可以参考我往期的文章或者在评论区交流你的想法和心得，欢迎一起探索前端。
本文首发掘金平台，来源小马博客
