前言
我们知道,想要搭建一个网站往往需要一下几个步骤:
- 域名注册
- 服务器购买
- 数据库购买或部署
- 网站设计
- 网站开发
- 网站备案
- 网站上线
在国内上线一个网站,域名还必须得备案,光是域名备案的话还的几个星期,整个流程下来,上线一个网站可能要个把月。若选择云服务器,各大云平台新用户首年还有优惠,次年想要续费得花上不小成本。本文将介绍如何用最小的成本和最短时间开发部署一个动态网站。
购买域名
免费的域名可以选择Freenom,当然也可以选择不用域名,如果选择 Vercel 部署会自动分配一个二级域名,也挺好用的。当然域名注册也很便宜,最低 1 元,我这边选择的是腾讯云,购买之后只需要实名认证(上传身份证等信息)就可以直接域名解析了。
网站设计
对于程序员来说,网站设计可能会困扰到大家,大家可以去dribbble,站酷等网站搜索向要实现的 app,挑选一个好看的设计应用到自己的网站中。
如果你会 TailwindCSS 我推荐 VSCODE 安装 这个插件tailwind-snippets 可以快速帮我们来发出一个常用的代码片段,大家可以在 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
选择 cloud.mongodb.com/
创建 database 的时候选择 free;
地域可以选择日本或者新加坡。接着创建一个用户
密码是自动生成的,要把密码拷贝下来
接着要创建一个允许链接的 IP 地址
这里选择任何地方可以链接
接下来选择 database 点击 connect
还可以选择开发语言
上面的password
要替换成刚才创建用户的随机生成的密码
mysql
mysql 可以选择planetscale.com/
针对免费用户可以:
- 每月 10GB 存储
- 每月 1 亿行读取
- 每月 1 千万次写
- 每个数据库 3 个分支
- 1,000 个链接
- 每日自动备份
- 社区支持
可以直接接使用 Github 登录,跟着引导直接到最后一步创建数据库,
地域选择就近新加坡或者日本。
可以在命令行中管理数据,点击上图中的按钮随机生成密码,密码要用户手动保存,后面登录将无法看到
域名解析
Vercel 绑定域名
绑定域名我就不多讲了吧,直接去自己的域名平台,cname 域名到 cname.vercel-dns.com,然后 Vercel 会自动帮你生成一个证书。
网站备案
这边介绍的方案都是服务都不是部署在大陆的,所以可以选择不用备案,但如果想要在大陆运营的话,海外的速度往往跟不上的,还是要选择大陆的服务器,备案必不可少,各大云服务厂商都提供了备案服务,按照要求填写网站信息即可。
如果你之前没买过【云服务器】 可以买一个 3 年 2 核 4G 的轻量应用服务器。
如果是老用户切换成 QQ 登录也可以买。毕竟服务器在国内,白国外还是好快很多的。
我之前给我的博客备案的时候是 16 年,现在也不记得具体步骤。只记得备案方会给你邮寄一个幕布,按要拍了照片邮寄回去即可。不是很复杂,就是时间久了点。
最后
接下来就是网站运营了,需要给网站引流,带来更多精准用户,网站的价值才能发挥最大。推广主要渠道和方式有 SEO、SEM、新媒体、信息流广告等。至于怎么做网站推广又是另外一个大话题了。
以上就是本文全部内容,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。
标签:网站,可以,选择,如何,域名,备案,动态,Vercel From: https://blog.51cto.com/u_15757429/5929279