全栈开发笔记2:项目部署上线的三种方式

文章目录

  • 最原始的方式
  • 宝塔
  • Docker 部署
  • 其他

本文为编程导航实战项目学习笔记。

项目部署的三种方式:

  1. 最原始方式✅
    1. yum 手动安装 jdk mysql tomcat nginx
    2. 打包前端项目,放到某个目录,修改 nginx 配置
    3. 修改线上的 mysql 配置,打包 jar,放到某个目录,执行
  2. 宝塔✅
    1. 是一个系统
    2. 可以通过软件商店安装环境,更方便
    3. 「网站」里上传前端项目和新建 Java 项目
  3. 容器✅
    1. Dockerfile
      1. 写一次就好,后面可以复制
      2. 前端项目尤其是,就是写好 nginx 配置和拷贝 dist 即可
    2. 镜像的构建和获取:有哪些现成的镜像

最原始的方式

手动安装环境、上传文件、启动服务。

实用命令:

  1. ``find . -name “*nginx*”``
    1. Ngnix 在 ./etc/nginx
  2. ``history`` 可以查看之前输入的命令
  3. netstat -ntlp查看端口使用情况
  4. mv * …/ 把所有文件移动到上一层
  5. 解压
    1. zip 文件:unzip xx
    2. tar 文件:tar -zxvf apache-maven-3.9.4-bin.tar.gz
    3. /root/frontend/user_info/dist
    4. 之前的:/root/frontend/build
  6. nginx -s reload 修改配置文件 (nginx.conf) 后,刷新
  7. 找出使用 80 端口的进程并关闭:fuser -k 80/tcp

在这里插入图片描述

nginx user:

在这里插入图片描述

服务器后端环境配置:

  1. 安装 jdk: yum install java-17-openjdk
    1. yum 安装完环境变量也配置好了
  2. 安装 mysql: curl -o xxx {url}
    1. yum install mysql
    2. yum install mysql-server
    3. yum install mysql-devel
    4. 设置 mysql 开机启动:systemctl enable mysqld
  3. 服务端 mvn 构建:mvn package -DskipTests

在这里插入图片描述

mysql 配置:

  1. 设置密码
    1. mysql -u root -p
    2. mysql -u shixin -p
    3. 8.0 以后:alter user’root’@‘localhost’ identified with mysql_native_password by ‘xxx’ ;
  2. 创建新用户
    1. create user ‘shixin’@‘%’ identified with mysql_native_password by ‘新密码’;
    2. 赋予权限:grant all privileges on *.* to shixin@‘%’ with grant option;
      1. 所有数据库的所有表,给在任意 IP 的 shixin
  3. 重启:systemctl restart mysqld

防火墙开放 3306 端口:

[root@VM-16-15-centos lighthouse]# firewall-cmd --zone=public --add-port=3306/tcp --permanent
FirewallD is not running
[root@VM-16-15-centos lighthouse]# systemctl start firewalld.service
[root@VM-16-15-centos lighthouse]# firewall-cmd --zone=public --add-port=3306/tcp --permanent
success
[root@VM-16-15-centos lighthouse]# firewall-cmd --reload
success
[root@VM-16-15-centos lighthouse]# firewall-cmd --list-ports
3306/tcp

启动服务: java -jar UserCenter-0.0.3-SNAPSHOT.jar --spring.profiles.active=prod &

& 表示后台运行
文件上传默认上传到:./home/lighthouse

宝塔

通过界面的方式安装环境、上传文件。

用老婆的小号买了一年服务器,用于测试宝塔系统。

  1. 防火墙里放开 8888 端口,设置仅自己的 IP 可以访问
  2. 宝塔报错提示:您的请求在Web服务器中没有找到对应的站点
    1. 清除浏览器缓存,刷新
  3. 部署前端项目好简单:
    1. 网站->添加站点->上传文件,完成!
  4. 升级 JDK 到 17:
    1. https://blog.csdn.net/qq_35760825/article/details/128655513
  5. 如果 8080 访问不了,就去宝塔-安全里「放行」端口

在这里插入图片描述

Docker 部署

容器:把项目的代码和环境一起打包成镜像,后面换机器只要下载镜像、运行即可。

通过配置文件,把依赖的内容和要执行的脚本都写好,到时候只要执行就好了。

Dockerfile:指定构建 Docker 镜像的方法

相关命令:

  1. docker build -t user-center-frontend:v0.0.1 . (最后这个点别漏了) 基于当前文件夹的 Dockerfile 构建一个镜像
  2. docker images 可以查看本地的镜像(包括刚才构建出来的)
  3. 启动
    1. docker run -p 80:80 -d user-center-frontend:v0.0.1
    2. -d 表示后台运行
  4. docker ps 查看正在运行的容器
  5. docker exec -i -t {容器id} /bin/bash 进入某个容器
  6. docker kill (容器 id)
  7. docker logs -f e3afd19b7502 查看某个容器的日志
  8. docker rmi -f hello-world 删除某个镜像
  9. 如何优化
  10. size 和构建时长

在这里插入图片描述
在这里插入图片描述

  1. docker run xxx ,会现在本地找,找不到的话会去远端仓库下载
  2. 执行流程
    1. docker client(客户端)会发送消息给 docker daemon(守护进程)
    2. docker dameon 会去 Docker 仓库拉取需要的镜像;
    3. 然后创建一个新的容器,运行镜像
    4. 最后 daemon 把输出发送给 client,client 把结果发送给你的命令行
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述

其他

//获取环境
process.env.NODE_ENV

静态化:umi config.ts 里加 exportStatic,可以给每个路由生成 html 静态文件,这样的好处是在某个页面刷新时不会报错。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/97479.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Mysql bin-log日志恢复数据与物理备份-xtrabackup

主打一个数据备份与恢复 binlog与xtarbackup bin-log日志恢复开启bin-log配置bin-log日志恢复 物理备份-xtrabackup三种备份方式安装xtrabackup备份全量备份增量备份差异备份 bin-log日志恢复 bin-log 日志,就记录对数据库进行的操作,什么增删改的操作全…

深度学习笔记之优化算法(三)动量法的简单认识

机器学习笔记之优化算法——动量法的简单认识 引言回顾:条件数与随机梯度下降的相应缺陷动量法简单认识动量法的算法过程描述附:动量法示例代码 引言 上一节介绍了随机梯度下降 ( Stochastic Gradient Descent,SGD ) (\text{Stochastic Gradient Descen…

基础算法之——【动态规划之路径问题】1

今天更新动态规划路径问题1,后续会继续更新其他有关动态规划的问题!动态规划的路径问题,顾名思义,就是和路径相关的问题。当然,我们是从最简单的找路径开始! 动态规划的使用方法: 1.确定状态并…

vue3+vite+uniapp 封装一个省市区组件

一、预览图 二、使用前的一些注意事项 只支持在 uniapp vue3 项目中使用支持微信小程序和h5 (app端没有测试过)ui库用的 uview-plus省市区数据用的是 vant-ui 提供的一个赖库 vant/area-data 三、组件代码 <template><u-popup :show"show" type"botto…

软件工程与计算总结(二)软件工程的发展

本章开始介绍第二节内容&#xff0c;主要是一些历史性的东西~ 一.软件工程的发展脉络 1.基础环境因素的变化及其对软件工程的推动 抽象软件实体和虚拟计算机都是软件工程的基础环境因素&#xff0c;它们能从根本上影响软件工程的生产能力&#xff0c;而且是软件工程无法反向…

Zabbix 监控系统安装和部署

Zabbix 监控系统安装和部署 一、zabbix 是什么&#xff1f;1.1、zabbix 监控原理&#xff08;重点&#xff09;1.2、Zabbix 6.0 新特性1.3、Zabbix 6.0 功能组件1.4、数据库1.5、Web 界面1.6、Zabbix Agent1.7、Zabbix Proxy1.8、Java Gateway 二、部署Zabbix 6.02.1、 解决 za…

Configuration of phpstudy and sqli-labs

Go download the app&#xff1a; 小皮面板(phpstudy) - 让天下没有难配的服务器环境&#xff01; (xp.cn) Have done. Then enter the program. Enable both functions&#xff1a; Apache and MySQL. Open the website&#xff1a; Next, Lets make the sqli-liab. GitHub…

基于MDK-Keil环境如何把STM32程序直接下载到SRAM运行

1. 前言 对于 Cortex-M 内核的微控制器&#xff0c;它们都可以支持在 RAM 中执行程序&#xff0c;有些非 ARM 的微控制器是不支持的。 在内部 SRAM 执行程序&#xff0c;有基于以下几方面的原因&#xff1a; 1、所使用的设备可能具有OTP&#xff08;One-time Programmable&a…

笔记一:odoo透视表和图表

透视表 1、首先在xml文件添加pivot 说明&#xff1a;&#xff08;1&#xff09;根元素pivot中属性&#xff1a; disable_linking&#xff1a;设置为True&#xff0c;删除表格单元格到列表视图的链接 display_quantity&#xff1a;设置为True&#xff0c;默认显示“数量”列 d…

关于IDEA中gradle项目bootrun无法进入断点以及gradle配置页面不全的解决方案

问题背景 在使用gradle编写的bootrun&#xff0c;采用debug方式启动项目时&#xff0c;无法进入断点&#xff0c;程序正常运行 并发现象1 此处无法识别为大象图标 点击右键后&#xff0c;没有圈中的这个选项 并发现象2 图片圈中的位置缺失 问题原因 正常的 run 命令是通过…

SoapUI实践:自动化测试、压力测试、持续集成

因为项目的原因&#xff0c;前段时间研究并使用了 SoapUI 测试工具进行自测开发的 api。下面将研究的成果展示给大家&#xff0c;希望对需要的人有所帮助。 SoapUI 是什么&#xff1f; SoapUI 是一个开源测试工具&#xff0c;通过 soap/http 来检查、调用、实现 Web Service …

springboot和vue:十、vue2和vue3的差异+组件间的传值

首先用vue-cli创建一个vue2的项目。 vue2和vue3的差异 main.js的语法有所差别。 vue2是 import Vue from vue import App from ./App.vuenew Vue({render: h > h(App), }).$mount(#app)vue3是 import { createApp } from vue import App from ./App.vuecreateApp(App).…

Java虚拟机内存模型

JVM虚拟机将内存数据分为&#xff1a; 程序计数器、虚拟机栈、本地方法栈、Java堆、方法区等部分。 程序计数器用于存放下一条运行的指令&#xff1b; 虚拟机栈和本地方法栈用于存放函数调用堆栈信息&#xff1b; Java堆用于存放Java程序运行时所需的对象等数据&#xff1b…

学习笔记|串口通信的基础知识|同步/异步|RS232|常见的串口软件的参数|STC32G单片机视频开发教程(冲哥)|第二十集:串口通信基础

目录 1.串口通信的基础知识串口通信(Serial Communication)同步/异步&#xff1f;全双工&#xff1f;常见的串口软件的参数 2.STC32的串口通信实现原理引脚选择&#xff1a;实现分时复用模式选择串口1模式1&#xff0c;模式1波特率计算公式 3.串口通信代码实现编写串口1通信程序…

前端 | AjaxAxios模块

文章目录 1. Ajax1.1 Ajax介绍1.2 Ajax作用1.3 同步异步1.4 原生Ajax 2. Axios2.1 Axios下载2.2 Axios基本使用2.3 Axios方法 1. Ajax 1.1 Ajax介绍 Ajax: 全称&#xff08;Asynchronous JavaScript And XML&#xff09;&#xff0c;异步的JavaScript和XML。 1.2 Ajax作用 …

vue3+elementPlus:el-tree复制粘贴数据功能,并且有弹窗组件

在tree控件里添加contextmenu属性表示右键点击事件。 因右键自定义菜单事件需要获取当前点击的位置&#xff0c;所以此处绑定动态样式来控制菜单实时跟踪鼠标右键点击位置。 //html <div class"box-list"><el-tree ref"treeRef" node-key"id…

python+selenium实现UI自动化(入门篇)

一、基础准备。 python环境安装&#xff0c;参考&#xff1a;CSDN pycharm安装&#xff0c;参考&#xff1a;CSDN 谷歌浏览器驱动配置&#xff0c;参考&#xff1a;CSDN二、新建pycharm项目 截图中&#xff0c;上面是项目地址&#xff08;可以提前在指定位置创建文件夹&#xf…

Redis 主从复制及哨兵模式

目录 1 Redis 主从复制 1.1 主从复制的作用 1.2 主从复制流程 2 搭建Redis 主从复制 2.1 安装 Redis 2.2 修改 Redis 配置文件&#xff08;Master节点操作&#xff09; 2.3 修改 Redis 配置文件&#xff08;Slave节点操作&#xff09; 2.4 验证主从效果 3 Redis 哨兵模…

数据结构——排序算法(C语言)

本篇将详细讲一下以下排序算法&#xff1a; 直接插入排序希尔排序选择排序快速排序归并排序计数排序 排序的概念 排序&#xff1a;所谓排序&#xff0c;就是使一串记录&#xff0c;按照其中的某个或某写关键字的大小&#xff0c;按照递增或递减0排列起来的操作。 稳定性的概念…

JAVA开发中常用RDMS

一、前言 JAVA的开发离不开数据库的支持&#xff0c;常见的有关系型数据库和非关系型数据库。java除了处理不依赖与数据库的通信技术。很多的java项目或者应用程序都需要建立在数据库的基础上。所以java开发早已经不是单纯的java开发&#xff0c;更多的是基于对数据的处理&…