前后端服务搭建

已于 2024-01-09 10:38:24 修改
阅读量1.5k 收藏 9
点赞数 1
文章标签： 服务器 linux 运维
于 2023-04-09 13:36:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49457704/article/details/130040515
版权

搭建文档

1、前言

1、背景

​ 介于公司将一个项目交给我部署上线，再次之前没有过搭建过生产环境、及生产环境的部署。就请教同事及网上教程的方式完成了项目部署。
​ 下面操作的方式是用两台电脑的方式模拟线上部署（一台windows与一台mac）：windows安装了VM虚拟机，虚拟机上安装了linux（操作系统CentOS 7.6），主要是模拟linux系统（下面介绍的的时候简称为“服务器”）；mac操作服务器完成部署。

2、搭建思路

​ 使用前后端分离架构，主要用到mysql（数据存储）、redis（登录缓存）、nginx（转发）、JDK1.8

3、设备及软件版本

​ linux服务器（CentOS 7.6）、mysql（5.6）、reids（没有版本限制，最新即可）、nginx（没有版本限制，最新即可）
​ 注意：选用mysql（5.6以上版本，不包含5.6）要注意自己的建表语句，datetime字段使用到timestamp默认值报错的问题，我这边就不想修改我的建表语句就选择了5.6的版本，当然你也可以选择其他版本。
​ 提醒：更换Mariadb库为mysql 5.7，相关问题麻烦自行查询解决办法。

2、安装包选择介绍

3、JDK

1、安装

  1. 查看是否安装JDK
    java -version

​请添加图片描述 说明：没有安装java环境或者可能是没有配置环境变量
2. 上传已经下载好的JDK安装包
请添加图片描述
​ 我这边安装的目录是：/opt/ 下
3. 解压安装包
请添加图片描述
​ 解压命令：

tar -xvf jdk-8u361-linux-x64.tar.gz

2、配置环境变量

  1. 编辑系统配置文件
    ​请添加图片描述
    ​ 命令：
vi /etc/profile

请添加图片描述
2. 在文件在下面追加
请添加图片描述
追加内容：

export JAVA_HOME=/opt/jdk1.8.0_361
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

注意：export JAVA_HOME=/opt/jdk1.8.0_361 这里的“jdk1.8.0_361“，一定要是自己的刚才解压后的jdk文件夹名称
请添加图片描述
3. 重新加载配置文件
请添加图片描述
命令：

source /etc/profile

3、验证

​请添加图片描述
命令：

java -version

4、相关问题及解决方案

4、mysql

1、安装

  1. 上传已经下载好的mysql安装包
    请添加图片描述
  2. 解压压缩包
    请添加图片描述
    命令：
     tar -vxf mysql-5.6.36-linux-glibc2.5-x86_64.tar.gz

请添加图片描述
3. 重命名文件名
请添加图片描述
命令：

mv mysql-5.6.36-linux-glibc2.5-x86_64 mysql-5.6

请添加图片描述

2、配置

  1. 创建数据目录
    请添加图片描述
    这里我将mysql的数据存到了 /data/mysql 目录下，系统与原本是没有这个目录的。
    命令：
    mkdir -p /data/mysql
  2. 修改配置文件
    请添加图片描述
    命令：
    vi /etc/my.cnf

请添加图片描述
修改内容：
请添加图片描述

[mysqld]
port=3306
user=mysql
basedir=/opt/mysql-5.6
datadir=/data/mysql
socket=/tmp/mysql.sock
character_set_server=utf8mb4
# Disabling symbolic-links is recommended to prevent assorted security risks
symbolic-links=0
# Settings user and group are ignored when systemd is used.
# If you need to run mysqld under a different user or group,
# customize your systemd unit file for mariadb according to the
# instructions in http://fedoraproject.org/wiki/Systemd

[mysqld_safe]
log-error=/data/mysql/mysql.log
pid-file=/data/mysql/mysql.pid

3、创建mysql用户组和mysql用户

  1. 创建mysql用户组和mysql用户
    请添加图片描述

    groupadd mysql && useradd -r -g mysql mysql

  2. 给用户赋予mysql数据文件夹（/data/mysql）权限
    请添加图片描述

    chown mysql:mysql -R /data/mysql

4、启动mysql

  1. 安装初始化依赖
    进入mysql的安装的目录下
    请添加图片描述
    yum -y install autoconf make perl

请添加图片描述
2. 执行初始化
请添加图片描述
进入 “/opt/mysql-5.6/scripts” 目录

cd /opt/mysql-5.6/scripts

初始化命令（这里要根据自己的文件目录调整语句）： 请添加图片描述

./mysql_install_db --defaults-file=/etc/my.cnf --basedir=/opt/mysql-5.6/ --datadir=/data/mysql/ --user=mysql

–defaults-file 指定配置文件
–basedir 指定mysql安装目录
–datadir 指定mysql数据目录
–user 创建的用户 请添加图片描述
3. 启动mysql
复制启动文件到 “/etc/init.d/mysql”
请添加图片描述

cp /opt/mysql-5.6/support-files/mysql.server /etc/init.d/mysql

启动
请添加图片描述

service mysql start

请添加图片描述

5、连接mysql

  1. 设置mysql全局变量 请添加图片描述
    vi /etc/profile

请添加图片描述

export PATH=/opt/mysql-5.6/bin:/opt/mysql-5.6/lib:$PATH

注意：“/opt/mysql-5.6”修改为自己的安装目录
2. 重新加载配置文件

source /etc/profile
  1. 连接mysql
    请添加图片描述
    mysql -uroot -p

请添加图片描述
这里我们还没有设置密码，所以直接回车就好
请添加图片描述
4. 设置root用户密码
切换数据库 请添加图片描述

use mysql;

查询用户表
请添加图片描述

select host, user, password from user;

我们可以看出 host，user，password 三列
host 允许访问mysql连接的地址
user 允许连接的用户
password 连接时需要的密码
我们可以看出上面是个root用户都没有设置密码，我们等下设置一下密码
我们也看到下面两个没有用户名、密码，表示我们直接输入“mysql”命令也可以进入mysql（建议删除掉后面）
请添加图片描述
修改密码
请添加图片描述

 update user set password=PASSWORD("你的密码") where User ='root';

查看修改后的状态

select host, user , password from user;

请添加图片描述
刷新权限（在修改mysql任何权限都要执行）

flush privileges;

请添加图片描述
​ 退出重新登录验证
退出命令：

exit;

重新登录：
请添加图片描述

6、设置远程登录（等下我们使用navacat登录）

请添加图片描述

  1. mysql设置远程登录
    1. 设置用户远程登录
    GRANT ALL PRIVILEGES ON *.* TO '用户名'@'%' IDENTIFIED BY '密码';
    ​ sql的意思是：
    ​ GRANT（授权）
    ​ ALL PRIVILEGES（所有权限）
    ​ ON（在）
    ​ 🌟.🌟（全部数据库.全部表）
    ​ ‘%’（远程）
  2. 刷新更改的配置
    flush privileges;
  3. linux开放3306端口
    请添加图片描述
    firewall-cmd --zone=public --add-port=3306/tcp --permanent
    重启防火墙生效
    请添加图片描述
    firewall-cmd --reload
    查看开放的端口
    firewall-cmd --list-ports
  4. 测试连接
    请添加图片描述

7、创建mysql用户及设置用户数据权限

  1. 创建一个test的用户用来我们的jar包运行服务
    请添加图片描述
    ​ 从yml文件中可以看出我们使用127.0.0.1的ip连接数据库的，我们这边给test用户设置增、删、改、查、创建数据库的权限，而且我们只给了test库的权限。

  2. 我们先用root账户创建一个test库宾创建一些测试表
    请添加图片描述

  3. 添加test用户且设置数据权限
    请添加图片描述
    远程登录的权限

    GRANT INSERT,UPDATE,DELETE,SELECT,CREATE ON test.* TO 'test'@'%' IDENTIFIED BY 'test123';

    本机登录的权限

    GRANT INSERT,UPDATE,DELETE,SELECT,CREATE ON test.* TO 'test'@'127.0.0.1' IDENTIFIED BY 'test123';

    刷新权限
    请添加图片描述

    flush privileges;

    测试是否可以远程是否可以登录
    请添加图片描述
    4. 补充说明

    其实我们可以登录root账户在navacat上可以看到我们给test用户设置的权限（mysql.db中）
    请添加图片描述

8、相关问题及解决方案

5、redis

1、安装

  1. 上传redis安装包
    请添加图片描述
  2. 解压
    请添加图片描述
    tar -vxf redis-5.0.4.tar.gz

2、编译

  1. 进入reids目录
    请添加图片描述
    cd redis-5.0.4
  2. 安装全套gcc
    请添加图片描述
    yum install cpp
yum install binutils
yum install glibc
yum install glibc-kernheaders
yum install glibc-common
yum install glibc-devel
yum install gcc
yum install make
  3. 编译请添加图片描述
make
  1. 安装
    请添加图片描述
    make PREFIX=/opt/redis-5.0.4 install

3、配置

  1. 设置全局变量
    vi /etc/profile
    最后面追加：
    请添加图片描述
    export PATH=/opt/redis-5.0.4/bin:$PATH
  2. 重新加载配置文件
    source /etc/profile
  3. 修改reids.conf
    请添加图片描述
    修改下面几处
    请添加图片描述
    请添加图片描述4. 开机启动
    请添加图片描述
    echo "redis-server /opt/redis-5.0.4/redis.conf &" >> /etc/rc.local

4、验证

  1. 启动redis服务
    进入redis.conf位置目录执行启动命令
    请添加图片描述
    redis-server ./redis.conf
  2. 验证是否启动
    请添加图片描述
    ps -ef | grep redis
  3. 这里就忽略开放6379的防火墙（需要外部访问的话需要开放端口，与mysql开放端口相同）

5、相关问题及解决方案

6、部署后端jar包，验证是否可以启动成功

mysql与redis的连接地址
请添加图片描述
请添加图片描述
我们把jar包放到/data/test目录下启动
请添加图片描述
使用命令（命令用来做测试，control+c就会停止服务，后面正式部署用允许后台执行的命令就好）：
请添加图片描述

java -jar agent-admin.jar

请添加图片描述
都没有问题，现在说明后端启动没有问题了。

6、nginx

1、安装

  1. 上传nginx安装包
    请添加图片描述
  2. 解压
    请添加图片描述
    tar -vxf nginx-1.20.2.tar.gz
  3. 安装
    授权nginx目录
    chmod 777 /opt/nginx-1.20.2

请添加图片描述
进入nginx的文件目录
请添加图片描述
安装插件

yum -y install gcc openssl openssl-devel pcre-devel zlib zlib-devel

请添加图片描述
执行./configure

./configure
```![请添加图片描述](https://img-blog.csdnimg.cn/19bd5f9897ec49daa65ccdc963554dfc.png)
执行make
```c
make

请添加图片描述
执行make install命令

make install

请添加图片描述

2、配置

  1. 修改/usr/local/nginx/conf/nginx.conf配置文件

    vi /usr/local/nginx/conf/nginx.conf

    全部替换为下面的

    #user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /usr/local/nginx/conf/mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
                listen       80;
                 server_name  localhost;

                location / {
                root   /data/agent/agent-vue;
                index  index.html index.htm;
                        try_files $uri $uri/ @router;
                }
                location /api/admin {
                 proxy_pass  http://127.0.0.1:18082;
                }
                location @router {
           rewrite ^.*$ /index.html last;
        }

            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   /usr/share/nginx/html;
            }

        }

}

    主要修改内容：
    请添加图片描述
    3. 配置nginx的全局命令
    编辑环境变量配置文件

    vi /etc/profile

    后面追加

    PATH=$PATH:/usr/local/nginx/sbin

    请添加图片描述

3、验证

  1. 启动nginx（后面的是上面修改后的配置文件：/usr/local/nginx/conf/nginx.conf）
    请添加图片描述
 nginx -c /usr/local/nginx/conf/nginx.conf
  1. 确认是否启动成功
    请添加图片描述
    ps -ef | grep nginx
  2. linux开放80端口
    请添加图片描述
firewall-cmd --zone=public --add-port=80/tcp --permanent

重启防火墙生效
请添加图片描述

firewall-cmd --reload

4、部署前端与后端

  1. 创建后端（/data/agent）与前端（/data/agent/agent-vue）的目录
    注意⚠️：前端的目录一定要和nginx中配置的前端目录要一致，要不然nginx无法找到前端页面地址
    请添加图片描述
  2. 将前端与后端包放到目录中
    前端：
    请添加图片描述
    后端：
    请添加图片描述
  3. 启动后端jar包
    启动
    nohup java -jar agent-admin.jar &

请添加图片描述
​ 查看是否启动正常 （主要就是查看日志的方式，来判断是否启动成功）请添加图片描述

tail -f nohup.out

5、页面验证

请添加图片描述

请添加图片描述

HiCheer-O
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
瑞吉外卖项目部署
weixin_69413377的博客
07-22 3262
瑞吉外卖 项目部署
SpringBoot前后端分离项目，打包、部署到服务器详细图文流程_springboot前后端分离项目怎么部署
2301_82243078的博客
04-13 3330
最全的Linux教程，Linux从入门到精通。
最细致的LayUI【前端框架】从入门到实战-快速搭建后台管理系统
只想AC的博客
06-04 4207
layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
多环境概念理解
最新发布
m0_73966521的博客
06-11 1264
第一个例子：我们可以设想，我们肯定玩过王者荣耀，且王者荣耀也一直在不断更新，如果按我们以前的思想，一个项目如果一直在做更新，那项目肯定会不稳定，上线用户也无法使用。这里我建了两个数据库，一个user是一开始开发时候使用的，一个user-prod是测试prod环境使用的。这个时候我们就可以进行考虑了，如果这个单元测试不重要，我们就可以点击跳过测试模式这个按钮。就是package的时候，我们出现了报错，报错提示：是我们的单元测试中有问题，这个时候我们点开这个3000，我们就可以进入我们的prod环境了。
第一节、搭建后端服务器
a2010630304的博客
09-11 628
Nodejs快速搭建服务器
开发者环境搭建（后端+前端+服务器+数据库+代码管理）
qq_29374489的博客
07-05 1780
此博客用于记录一次Windows系统下完整开发环境搭建，适用于目前主流开发环境，安装及配置以稳定版为主。项目后端采用SpringBoot框架，编译器为IDEA，JAVA版本8，数据库版本mysql5.7，还有maven，redis等技术栈。前端主要采用Vue + Element-ui，编译器为VS Code......
前后端分离搭建教程
01-14
前后端分离搭建教程，供参考。需要的基础是java，html
euiadmin前后端框架
03-22
《euiadmin前后端框架详解》 在现代Web开发领域，高效的框架是构建应用程序的关键。本文将深入探讨“euiadmin前后端框架”，一个专为快速开发管理界面设计的工具，它结合了前端与后端的技术，以提供无缝的数据交互...
Tomcat前后端一体项目环境搭建教程
03-31
接下来，我们将逐步讲解如何搭建Tomcat环境以及前后端一体项目： 1. **安装Java JDK**： 首先，确保你的系统已经安装了Java Development Kit（JDK），因为Tomcat需要Java运行环境。下载并安装适合你系统的JDK版本...
springboot基本的前后端项目理解
07-07
在前后端项目中，SpringBoot通常作为后端服务，处理HTTP请求，提供API接口。MyBatis则负责数据库交互。前端则使用诸如Vue.js、React或Angular等现代JavaScript框架来实现用户界面和与后端的通信。 **1. RESTful API...
springboot3+ vue3前后端分离项目搭建代码
04-05
总的来说，"springboot3+ vue3前后端分离项目搭建代码"是一个全面展示现代Web开发技术的实例，涵盖了后端服务、前端界面、以及二者之间的协作。对于想要学习或深入理解Spring Boot和Vue 3的开发者来说，这是一个极好...
如何在Tomcat 9上部署前端和后端项目
一勺菠萝丶的博客
03-22 1191
在这篇指南中，我们将一步步介绍如何在Apache Tomcat 9服务器上部署一个前端项目（我们的示例项目名为“dist”，常见于Vue.js、React等前端框架构建的产物）和一个后端Java Web应用程序（以WAR包形式）。无论您是开发新手还是希望复习基础知识，本文都将为您提供所需的全部信息。
【前端入门】前端基本概念
Monkey__z的博客
07-31 1404
在入手前端开发之前，有必要先好好认识一下前端的一些概念，对他们是什么、干什么的有大致的了解，这样有利于构建一个相对全面的认识一 前端概述
前后端项目手动部署至服务器
Jeniclala的博客
11-27 4846
1. 在服务器上配置环境 需要安装JDK、Mysql、Nginx 可以手动安装以上环境，也可以先安装docker后再拉镜像安装以上环境 2.安装完mysql后，在navicat中连接远程数据库 若连接失败，若是使用docker安装的，则排查方式：查看docker中mysql容器运行情况 3.更改nginx安装目录下的conf文件夹下的nginx.conf配置文件 第一行，将user设置为root 配置代理路径 使nginx配置文件生效 /usr/local/nginx/sbin/nginx -s rel
完整的部署前后端项目到服务器
热门推荐
lanlansir的博客
01-16 1万+
完整发布项目到服务器（包括实现通过域名访问）一.Docker的使用二.项目的打包三.服务器方面的配置 一.Docker的使用 如果说你不想用Docker请直接跳到第二步，了解Docker或者说希望以后开发环境和团队统一的话请看下去。 1.Docker是什么？ 请跳到我上一期的链接: docker配置前端和数据库. 这里请安装好Docker，然后关于Docker的windows教程我推荐链接: windows 10环境下docker的使用. 二.项目的打包 好了，现在我们先把Docker忘了，我这里说一下前端
从零开始搭建后端服务器，实现注册、登录功能
huye930610的博客
07-21 2253
文章目录前言一、下载需要的开发工具1.首先当然是IntelliJ IDEA编辑器：二、使用步骤1.引入库2.读入数据总结 前言 作为一个前端开发人员，对于后端服务器同样也是需要了解的，今天我就带大家从零开始搭建一个后端服务器，实现简单的注册、登录功能，后续会不断加入其它的功能，敬请期待！！！ 提示：以下是本篇文章正文内容，下面案例可供参考 一、下载需要的开发工具 1.首先当然是IntelliJ IDEA编辑器： 下载网址： 安装教程： 二、使用步骤 1.引入库 代码如下（示例）： import num.
SpringBoot+Vue前后端项目部署到服务器--保姆级
weixin_45969142的博客
04-15 1674
一、新手可获得免费的服务器 1.找到阿里云的官网，获取最新获得 2.点击云服务器ECS的试用 3.选择云服务器ECS的类型 4.填写相关信息 5.领用成功 二.Xshell连接远程服务器 1.得到公网Ip地址 2.xshell建立连接 3.连接成功 三、安装环境(傻瓜式安装–宝塔) 1.网址：https://www.bt.cn/bbs/thread-19376-1-1.html 2.复制下载的网址 3.在Xshell中复制粘贴即可–一路y就行 4.下载成功 5.访问面板 得到外网地
Windows server部署项目（前后端分离）
Angus的博客
12-18 4938
环境搭建 后端： 安装 jdk，maven，配置环境变量 安装 nginx，并配置代理模式 安装Git 前端： 安装node， cnpm， 配置node及cnpm环境变量 安装JDK 下载传送门 选择 jdk版本 2. 同意协议 3. 选择32位或64位版本。 安装：按提示进行安装，安装过程省略。最好创建一个专门的文件夹，例如我的 添加环境变量 我的电脑 -> 属...
java前后端分离网站搭建
10-11
要搭建一个Java前后端分离网站，你可以按照以下步骤进行： 1. 设计前端界面：首先，你需要设计网站的前端界面。使用HTML、CSS和JavaScript来创建用户界面，并确保它符合你的需求。 2. 开发后端服务：接下来，你需要使用Java编程语言来开发后端服务。选择一个Java框架（如Spring Boot）来构建你的后端应用程序。这个后端应用程序将处理前端发送过来的请求并返回相应的数据。 3. 实现API接口：在后端应用程序中，你需要实现一些API接口来处理前端的请求。这些API将定义你的前后端之间的通信协议。你可以使用Spring MVC来处理和管理这些API接口。 4. 数据库集成：将数据库集成到你的后端应用程序中。选择一个适合你的项目的数据库（如MySQL、PostgreSQL等），并使用Java的数据库访问技术（如JDBC或Hibernate）与数据库进行交互。 5. 构建前后端分离架构：为了实现前后端分离，你需要将前端和后端部署在不同的服务器上。前端部署在Web服务器（如Nginx或Apache）上，后端部署在应用服务器（如Tomcat或Jetty）上。 6. 跨域问题处理：由于前后端分离，你可能会遇到跨域问题。你可以在后端应用程序中配置跨域资源共享（CORS）来解决这个问题。 7. 部署和测试：最后，将前端和后端代码部署到相应的服务器上，并进行测试以确保它们能够正常工作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值