阅读 3489

Vue、NodeJS全栈项目~Docker部署优化版~


Holle,大家好,我是李白!!

一时兴起的开源项目,到这儿就告一段落了。

心情小镇 https://raindays.cn

GitHub https://github.com/wsydxiangwang/Mood

上一篇文章 https://juejin.im/post/6845166890436788232

回顾上一篇文章,还是有些许潦草的,有很多不足的地方,名义上是面向小白的操作系统,还是有些夸大其词了~~

这次主要是新增了一些功能,加上本地开发文档,并优化了部署方式

有请真香系列docker上场,之前pm2的方式是学完就直接上的,各种安装和配置过于繁琐...不过不要慌,问题不大,凡事都有第一次嘛,沿途的风景总有好与坏~

现在用上了docker来部署,完完全全一段命令行就能部署成功的方式,身为井底之蛙的我给大佬们疯狂点赞~

断断续续折磨了好多天,学工具跟学语言,差别还是挺大的,唯一的共同点就是需要实际操作

否则竹篮打水一场空,脑袋瓜子有点嗡嗡~

也是多亏了上一篇文章,浪迹于评论区的同学们,这才使我有幸认识到了docker,也让我掉了不少头发(不知道该谢不该谢😭)

我就是个切图仔,为什么要这么惨😭😭


项目部署

按照这个教程,就算你不懂代码,也能拥有属于自己的一个网站系统,后台设置均已完善,覆盖了正常博客的功能!!

  1. 在GitHub拉取项目 Mood
  2. 修改config文件夹里面的nginx.conf文件,需要指定自己的域名,文件里面有注释说明。
  3. 在服务器目录,创建data文件夹作为项目目录
  4. 上传webserverconfig 3个文件夹和docker-compose.yml1个文件。
  5. 打开服务器终端,安装docker(安装教程参考:https://docs.docker.com/engine/install/ )~~
  6. 安装成功后,进入刚才创建的data目录,运行docker-compose up -d,进行部署
  7. 运行docker-compose ps or docker ps -a 看看是否正常运行,完美~~

ok, 搞定, 就是这么简单,docker牛逼

前台网站:http://aa.com,后台则为:http://aa.com/admin,到这里就没问题了~~

划重点:先进入后台,设置基本信息,前台才能正常访问,否则报错,ok完美,赶紧回家吃个饭庆祝庆祝~~

一句话搞定部署,docker真香😍

(注:到第5步,如果提示此命令不存在的话,需要根据提示进行安装docker-compose,我记得好像是需要的,在这儿我就不费时间去折腾了~~ )


本地开发

  1. 首先,需要在电脑安装数据库mongodb,并且运行mongodb服务

  2. 在本地的hosts文件添加以下内容:

127.0.0.1 web
127.0.0.1 server
127.0.0.1 mongodb
复制代码

使用docker部署的时候,需要用不同的主机名进行互相连接容器,所以需要指定不同项目的名字!!

初学者目前还没找到更好的方式,如有的话,欢迎给予建议~~

  1. 项目的启动
npm install    ## 每个目录必须
npm run dev    ## web
npm run serve  ## admin & server
复制代码

  1. 开启之后,需要先进入管理后台,填写首屏的信息,才能正常访问前台,否则前台就会报错。

(额...这里偷懒了没做处理,也没必要处理🧐)

  1. 到这儿就ok了,如果有建议/优化/bug的,可以随时Issuesor邮件我,感谢支持!!

实现功能

前台页面

前台页面就不贴图了,大家可以直接看我的网站 https://raindays.cn

这是我的心情小镇or心灵驿站,覆盖了主流博客应有的功能

# 首页
# 文章详情(可评论功能
# 文章列表(数据的汇总
# 短语列表(发个朋友圈
# 订阅通知(第一刻知晓
# 个人介绍(天真的勇敢
# 下雨天页(安详或美好
复制代码

一共7个页面,算是比较简单,正常的个人网站,上面该有功能都有,该有的动画过渡也都有,花里胡哨的没有。

麻雀虽小五脏俱全,完整的展现出一个人的情感,内心的所想所得

后台页面

设计绝对惊讶到在座的诸位(心想:在座的各位都是xx😅)

忠于技术的我,却被迫于学设计。

不知道专于设计的同学有没有这种感觉,无论何事何物,都会观察的很仔细,也许是视觉,也许是间隙,也许是xx...

慢慢感受到了自己的要求好像越来越高了,不止是工作,还有生活上,强迫症也越来越大。

工作上的强迫症,也许作品项目会更接近完美;生活上的强迫症,也许会让人更懂得生活!

后台页面,更多的功能和页面图片,请参考上一篇文章:

参考上一篇文章 https://juejin.im/post/6845166890436788232

主要还是GitHub https://github.com/wsydxiangwang/Mood


闲言细语

不知不觉,距上一篇文章,快一个月过去了,时间总是如此,让人猝不及防!!

原本计划半个月能搞定的,结果对自己很失望,渐渐开始变得懒床,清晨五点半的世界已离我远去~~

也许这是失败的一个月,在某些方面输的很彻底,生活也依旧无法开启期待,我害怕失望~~

现如今,压力形成的驱动已进入正轨,是该好好打起一万分的精神了,加油~~

此项目到这儿就告一段落了,有建议或优化的地方,欢迎评论区留言,感谢~~

也许会有很多不足,毕竟人无完人,不可能面面俱到,所以才需要你我的互相扶持~~

接受自己的不完美、才是一种平凡

计划终究还是赶不上变化,生命中的未知数总是千变万化,让人不得不屈服于现实!

接下来该好好准备一下了,正式加入前端人才库,开始寻找新的方向和机会。

祝君前程似锦,愿好运,爱大家~~