社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  docker

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

李白不吃茶v • 4 年前 • 210 次点击  
阅读 3

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


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

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

心情小镇 https://raindays.cn

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

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

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

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

有请真香系列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/5efc8c9f6fb9a07e8c6891cc


闲言细语

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

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

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

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

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

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

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

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

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

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

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/71785
 
210 次点击