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

前言

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

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

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

购买域名

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

网站设计

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

image.png

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

image.png

部署

Vercel

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

image.png

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、

image.png

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

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

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

数据库选择

MongoDB

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

image.png

创建database 的时候选择 free；

image.png

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

接着创建一个用户

image.png

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

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

image.png

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

接下来选择database 点击 connect

image.png

还可以选择开发语言

image.png

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

mysql

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

image.png

针对免费用户可以：

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

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

image.png

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

image.png

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

域名解析

Vercel绑定域名

image.png

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

网站备案

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

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

image.png

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

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

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

image.png

最后

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

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