最近心血来潮,想搞个自己的网站玩玩,把平时的一些想法和实践都记录下来。说干就干,下面就是我从零开始捣鼓的整个过程。
准备工作
得有个服务器。我比较下,发现现在云服务器挺便宜的,特别是新人,或者学生认证一下,一年也就百来块钱,果断入手一台。牌子就不说,免得像打广告。然后就是操作系统,我选windows,因为我对linux命令不太熟,图形界面操作起来更顺手。
接下来就是域名。这玩意就像网站的名字,得好记。我去搜下,发现很多平台都能买,价格也还一年几十块钱,挑个顺眼的就注册。注册完域名,还得备案和解析,这俩玩意儿我一开始也搞不太懂,好在现在服务商的文档都写得挺详细的,跟着一步步操作,也不算太麻烦。
搭建环境
服务器和域名都有,接下来就是搭环境。我平时用得比较多的是 Vue 和 *,所以这回就选这套技术栈,顺便再用 Nginx 和 MongoDB 数据库。为啥选这几个?还不是因为我只会这几个嘛
先在服务器上装好 * 环境,再把 Vue 项目的代码传上去。这里我遇到一个小坑,就是服务器的防火墙没开端口,导致访问不。后来查下资料,把对应的端口打开,就 OK 。
然后就是安装 Nginx,这玩意儿主要是用来做反向代理和负载均衡的,说白就是让网站访问更快更稳定。具体的配置我也折腾一会儿,主要是把域名和服务器的 IP 地址绑定起来,让用户输入域名就能访问到我的网站。
就是 MongoDB 数据库。因为我这个网站需要存一些数据,比如文章、评论啥的,所以得有个数据库。MongoDB 安装和配置也比较简单,跟着网上的教程一步步来就行。
编写代码
环境搭好,就开始写代码。我用 Vue 写前端页面,用 * 写后端接口,再用 MongoDB 存储数据。这部分没啥好说的,就是按照自己的想法,把网站的功能一点点实现出来。
这里分享一个小技巧,就是可以先把网站的架子搭起来,比如导航栏、文章列表、详情页等等,然后再慢慢填充内容。这样可以避免一开始就陷入细节,导致进度缓慢。
部署上线
代码写完,测试没问题后,就可以部署上线。我用的是 Nginx,所以直接把 Vue 项目打包后的文件放到 Nginx 指定的目录下,然后重启 Nginx 服务就行。为以防万一,记得在本地也做好备份。
打开浏览器,输入我的域名,看到自己辛辛苦苦做的网站出现在眼前,那种感觉,真是太爽!
后续维护
网站上线后,也不是就万事大吉,还得经常维护更新。比如修复 bug、添加新功能、优化性能等等。这部分工作挺琐碎的,但也是网站运营中必不可少的一部分。
从零开始搭建一个网站,虽然过程有点折腾,但还是挺有成就感的。特别是看到自己的网站被越来越多的人访问,那种感觉,真是无法用言语形容!