主頁 > 軟體設計 > 【專案部署】Vue+SpringBoot前后分離個人博客專案實戰部署保姆教程 Linux+docker安裝部署啟動一條龍教程

【專案部署】Vue+SpringBoot前后分離個人博客專案實戰部署保姆教程 Linux+docker安裝部署啟動一條龍教程

2021-09-26 12:44:22 軟體設計

目錄

  • SpringBoot開源專案部署在75元阿里云centos7上,小白手把手教程
    • 技術堆疊
    • 系統環境需求
    • 后端部署步驟
    • redis 配置
    • 前端
  • 域名
      • 從如何擁有個人服務器和域名開始說起,在職程式員教你如何選擇個人服務器和個人域名,讓自己變得IT極客范
      • 【手把手教程】個人域名如何備案 阿里云ICP 網站備案

SpringBoot開源專案部署在75元阿里云centos7上,小白手把手教程

本教程基于個人博客已經搭建完成的基礎上執行:

【Vue+SpringBoot】超詳細!一周開發一個SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis前后端分離個人博客專案!!!【專案完結】

https://blog.csdn.net/qq_45696377/article/details/120049495

個人博客已經完成有一段時間了,但痛點就是雖然博客開源了但不會部署運行,
經過近一周的努力,學習了相關的技術堆疊,又找了多位學長的幫助,專案終于成功部署上線了(這樣的代碼才有靈魂),

問題

  • 雖然網上部署教程非常多,但從零開始的保姆級教程太少

  • 版本不清楚,很多新人安裝軟體的版本都搞不清楚(一直報錯很懵逼),百度一堆都是過時的資訊

  • 本教程特點(希望小白都能運行成功)

看完本教程你會學到

  • 專案下載
  • 運行
  • 配置
  • 打包
  • 前后端的部署
  • linux環境下操作軟體
  • git基本操作
  • maven基本操作
  • nginx基本操作
  • node基本操作
  • docker簡單使用
  • redis基本操作
  • mysql基本操作

技術堆疊

在這里插入圖片描述

在這里插入圖片描述

在這里插入圖片描述

系統環境需求

阿里云CentOS 7.7 64位
JDK >= 1.8
MySQL >= 5.7
Maven >= 3.0
Redis
Node.js
Nginx
  • 新建目錄

    #tmp存放臨時安裝包
    mkdir -p /data/tmp
    #service存放軟體環境
    mkdir -p /data/service
    #gitee存放代碼版本控制庫
    mkdir -p /data/gitee
    

    以上目錄非必須,可以自行選擇安裝路徑,

  • JDK >= 1.8 (推薦1.8版本)

    從oracle官方網站上下載1.8版本中的最新版的JDK,下載完成后,把檔案通過WinSCP或者XFTP上傳到服務器上,接著進行解壓和配置環境變數,

    下載地址:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

    #進入安裝包目錄,解壓
    cd /data/tmp
    tar -zxvf jdk-8u301-linux-x64.tar.gz 
    
    #把解壓出來的檔案夾轉移到統一的地方
    mv /data/tmp/jdk1.8.0_301 /data/service/jdk1.8.0_301
    
    
    #修改環境變數/etc/profile,JAVA_HOME修改為自己的jdk路徑,
    vim /etc/profile
    export JAVA_HOME=/data/service/jdk1.8.0_301	
    export PATH=$PATH:$JAVA_HOME/bin
    
    #使環境變數生效
    source /etc/profile
    
    #檢查是否配置成功
    java -version
    
  • Maven >= 3.0

    從Maven官方網站上下載最新版的壓縮包,下載完成后,進行解壓和配置環境變數,

    下載地址:https://maven.apache.org/download.cgi

    #進入安裝包目錄,解壓
    cd /data/tmp
    tar -zxvf apache-maven-3.6.3-bin.tar.gz
    mv apache-maven-3.6.3 /data/service/
    
    #修改環境變數/etc/profile,MAVEN_HOME修改為自己的路徑,
    export MAVEN_HOME=/data/service/apache-maven-3.8.2java
    export PATH=$PATH:$MAVEN_HOME/bin
    
    #使環境變數生效
    source /etc/profile
    
    #檢查是否配置成功
    mvn -v
    
  • Git

    從git官方網站上下載最新版的安裝包,安裝即可,

    下載地址:https://git-scm.com/

    #通過yum安裝,本方法最簡單,但是無法控制安裝的版本
    yum -y install git
    
    #檢查是否配置成功
    git --version
    
    ssh-keygen -t rsa -C "xx@xx.com"
    cat ~/.ssh/id_rsa.pub
    
  • 安裝docker

    #卸載舊版本
    sudo yum remove docker \
                    docker-client \
                    docker-client-latest \
                    docker-common \
                    docker-latest \
                    docker-latest-logrotate \
                    docker-logrotate \
                    docker-engine
    #安裝 Docker Engine-Community
    sudo yum install -y yum-utils device-mapper-persistent-data lvm2
    sudo yum-config-manager \
      --add-repo \
      http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
    sudo yum install docker-ce docker-ce-cli containerd.io
    sudo systemctl start docker
    
    yum install https://download.docker.com/linux/fedora/30/x86_64/stable/Packages/containerd.io-1.2.6-3.3.fc30.x86_64.rpm
    
  • Mysql >= 5.7 (注意生產專案mysql都是獨立部署)

    安裝教程:https://www.runoob.com/mysql/mysql-install.html

    下載地址:https://dev.mysql.com/downloads/mysql/

    訪問Mysql的可視化資料庫開發工具:Navicat Premium 工具的安裝教程可自行百度搜索,

    在Docker中安裝MySQL,

    #查看可用的 MySQL 版本
    docker search mysql
    #拉取5.7版本
    docker pull mysql:5.7
    #創建組態檔目錄
    mkdir -p /data/docker/mysql/conf
    #進入組態檔目錄,添加一個組態檔
    vim my.cnf
    #啟動鏡像
    docker run -p 3306:3306 --name mysql -v /data/docker/mysql/conf:/etc/mysql/conf.d -e MYSQL_ROOT_PASSWORD=Vv0IBQ5qST -d mysql:5.7
    
    [mysqld]
    character-set-server=utf8
    
    [mysql]
    default-character-set=utf8
    
    #進入docker容器設定env LANG=C.UTF-8
    docker exec -it mysql env LANG=C.UTF-8 bash
    
  • Redis

    安裝教程:https://www.runoob.com/redis/redis-install.html

    下載地址:https://github.com/tporadowski/redis/releases

    Redis可視化管理工具:[AnotherRedisDesktopManager]:(https://github.com/qishibo/AnotherRedisDesktopManager/releases)

    docker pull redis:latest
    docker run -itd --name redis-test -p 6379:6379 redis
    
  • Node.js

    安裝教程:https://www.runoob.com/nodejs/nodejs-install-setup.html

    tar xf node-v14.15.4-linux-x64.tar.xz       // 解壓
    cd node-v14.15.4-linux-x64/                 // 進入解壓目錄
    ./bin/node -v                               // 執行node命令 查看版本
    
    //解壓檔案的 bin 目錄底下包含了 node、npm 等命令,我們可以使用 ln 命令來設定軟連接:
    mv /data/tmp/node-v14.15.4-linux-x64 /data/service/
    ln -s /data/service/node-v14.15.6-linux-x64/bin/npm   /usr/local/bin/
    ln -s /data/service/node-v14.15.6-linux-x64/bin/node   /usr/local/bin/
    
  • Nginx 安裝

    #首先安裝nginx前置軟體
    yum -y install gcc pcre-devel zlib-devel openssl openssl-devel
    #下載nginx軟體安裝包
    cd /data/tmp
    wget http://nginx.org/download/nginx-1.19.6.tar.gz
    tar -zxvf nginx-1.19.6.tar.gz
    cd nginx-1.19.6
    #設定安裝目錄為/usr/local/nginx
    ./configure --prefix=/usr/local/nginx
    make
    make install
    #啟動nginx
    /usr/local/nginx/sbin/nginx
    
    ps -ef|grep 
    
    #clone專案源代碼
    git clone git@github.com:mao888/Personal-blog.git
    

    注意:在clone代碼之前,需要在github管理后臺中添加服務器的SSH公鑰,詳見https://gitee.com/help/articles/4191

    后端部署步驟

  • 從git倉庫clone下來最新代碼,我的前后端分離版本的github地址是https://github.com/mao888/Personal-blog.git

  • 修改專案中的組態檔,組態檔有兩個,分別是application.yml和application-druid.yml,

  • 啟動專案:把jar復制到程式目錄,通過java命令列的方式啟動jar包檔案,因為本專案是使用了spring boot框架,所以jar中內置了web容器,不需要額外安裝tomcat了,

    mkdir -p /data/app/ruoyi-vue
    cp /data/gitee/RuoYi-Vue/ruoyi-admin/target/ruoyi-admin.jar /data/app/ruoyi-vue/ruoyi-admin.jar
    cd /data/app/ruoyi-vue/
    nohup java -jar ruoyi-admin.jar &
    
    tail -100f no	hup.out
    

    nohup和&用來表示本命令需要在后臺執行,這樣退出命令列程式后,java程式也不會停止,

  • 查看日志,驗證專案是否成功運行,

  • 修改好專案的組態檔之后,把入口專案進行打包,通過mvn打包成一個可執行的jar包,

  • 使用可視化資料庫開發工具 Navicat Premium進入資料庫管理界面,創建資料庫vueblog并執行資料腳本my_blog.sqlm_user.sql

redis 配置

 spring:
 redis:
       # 地址
       host: localhost
       # 埠,默認為6379
       port: 6379
       # 資料庫索引
       database: 0
       # 密碼
       password:

 # 資料源配置
 spring:
   datasource:
       type: com.alibaba.druid.pool.DruidDataSource
       driverClassName: com.mysql.cj.jdbc.Driver
       druid:
           # 主庫資料源
           master:
               url: jdbc:mysql://localhost:3306/vueblog?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
               username: root
               password: Vv0IBQ5qST

 cd /data/github/vueblog/
 mvn clean install -pl com.mao:vue-springboot-blog-java -am

前端

 # 進入專案目錄
 cd /data/github/vueblog/vue-springboot-blog-front
 
 #本地啟動的話,可以在這里修改后端介面埠,如果是直接打包的話,不需要修改該組態檔
 vim vue.config.js
 
 # 打包正式環境 
 npm run build
 
 mkdir /data/app/vueblog-vuedist
 mv dist/* /data/app/vueblog-vuedist/
 
 #把生成好的 dist 檔案夾的靜態檔案發布到你的 nginx 或者靜態服務器即可,其中的 index.html 是后臺服務的入口頁面,
 vim /usr/local/nginx/conf/nginx.conf
 
     server {
         listen       80;
         server_name  47.93.20.204;
 
 
         location / {
             root  /data/app/vueblog-vuedist;
             try_files $uri $uri/ /index.html;
             index  index.html index.htm;
         }
        error_page   500 502 503 504  /50x.html;
         location = /50x.html {
             root   html;
         }
 
 
     }
     
 #重新加載組態檔nginx
 /usr/local/nginx/sbin/nginx -s reload
 ```

 ```
 ./nginx -s reload
 
 nginx -t
 ```


 提示:node版本需要使用最新的穩定版本,v14.15.4之前的版本可能會打包失敗,
  • 注意3:如果使用docker進入mysql資料庫執行包含中文的sql陳述句,出現中文亂碼的情況,需要在容器系統中設定使用中文包,所以進入docker容器時需要設定環境語言:

  • 注意2:在mysql的鏡像啟動之前,創建組態檔目錄,并放置好組態檔,這樣mysql啟動的時候,就可以直接使用配置好的引數,以下內容是配置資料庫的字符集為utf-8,

  • 注意1:MySQL(5.7.19)的默認組態檔是 /etc/mysql/my.cnf 檔案,如果想要自定義配置,建議向 /etc/mysql/conf.d 目錄中創建 .cnf 檔案,新建的檔案可以任意起名,只要保證后綴名是 cnf 即可,

  • 注意:如果安裝docker-ce報錯,可以執行以下陳述句,再進行安裝,

  • 安裝之后,在git倉庫中需要添加SSH公鑰

域名

域名相關技術b站上查詢

從如何擁有個人服務器和域名開始說起,在職程式員教你如何選擇個人服務器和個人域名,讓自己變得IT極客范

https://www.bilibili.com/video/BV1kE411i7Jo?from=search&seid=12710031415261805911&spm_id_from=333.337.0.0

【手把手教程】個人域名如何備案 阿里云ICP 網站備案

https://www.bilibili.com/video/BV16K4y1N7G2?from=search&seid=6421519699108436374&spm_id_from=333.337.0.0

轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/303012.html

標籤:其他

上一篇:Nginx(1):入門篇,技術點鋪開

下一篇:計算機網路之資料鏈路層(一)

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 面試突擊第一季,第二季,第三季

    第一季必考 https://www.bilibili.com/video/BV1FE411y79Y?from=search&seid=15921726601957489746 第二季分布式 https://www.bilibili.com/video/BV13f4y127ee/?spm_id_fro ......

    uj5u.com 2020-09-10 05:35:24 more
  • 第三單元作業總結

    1.前言 這應該是本學期最后一次寫作業總結了吧。總體來說,對作業的節奏也差不多掌握了,作業做起來的效率也更高了。雖然和之前的作業一樣,作業中都要用到新的知識,但是相比之前,更加懂得了如何利用工具以及資料。雖然之間卡過殼,但總體而言,這幾次作業還算完成的比較好。 2.作業程序總結 相比前兩個單元,此單 ......

    uj5u.com 2020-09-10 05:35:41 more
  • 北航OO(2020)第四單元博客作業暨課程總結博客

    北航OO(2020)第四單元博客作業暨課程總結博客 本單元作業的架構設計 在本單元中,由于UML圖具有比較清晰的樹形結構,因此我對其中需要進行查詢操作的元素進行了包裝,在樹的父節點中存盤所有孩子的參考。考慮到性能問題,我采用了快取機制,一次查詢后盡可能快取已經遍歷過的資訊,以減少遍歷次數。 本單元我 ......

    uj5u.com 2020-09-10 05:35:48 more
  • BUAA_OO_第四單元

    一、UML決議器設計 ? 先看下題目:第四單元實作一個基于JDK 8帶有效性檢查的UML(Unified Modeling Language)類圖,順序圖,狀態圖分析器 MyUmlInteraction,實際上我們要建立一個有向圖模型,UML中的物件(元素)可能與同級元素連接,也可與低級元素相連形成 ......

    uj5u.com 2020-09-10 05:35:54 more
  • 6.1邏輯運算子

    邏輯運算子 1. && 短路與 運算式1 && 運算式2 01.運算式1為true并且運算式2也為true 整體回傳為true 02.運算式1為false,將不會執行運算式2 整體回傳為false 03.只要有一個運算式為false 整體回傳為false 2. || 短路或 運算式1 || 運算式2 ......

    uj5u.com 2020-09-10 05:35:56 more
  • BUAAOO 第四單元 & 課程總結

    1. 第四單元:StarUml檔案決議 本單元采用了圖模型決議UML。 UML檔案可以抽象為圖、子圖、邊的邏輯結構。 在實作中,圖的節點包括類、介面、屬性,子圖包括狀態圖、順序圖等。 采用了三次遍歷UML元素的方法建圖,第一遍遍歷建點,第二、三次遍歷設定屬性、連邊,實作圖物件的初始化。這里借鑒了一些 ......

    uj5u.com 2020-09-10 05:36:06 more
  • 談談我對C# 多型的理解

    面向物件三要素:封裝、繼承、多型。 封裝和繼承,這兩個比較好理解,但要理解多型的話,可就稍微有點難度了。今天,我們就來講講多型的理解。 我們應該經常會看到面試題目:請談談對多型的理解。 其實呢,多型非常簡單,就一句話:呼叫同一種方法產生了不同的結果。 具體實作方式有三種。 一、多載 多載很簡單。 p ......

    uj5u.com 2020-09-10 05:36:09 more
  • Python 資料驅動工具:DDT

    背景 python 的unittest 沒有自帶資料驅動功能。 所以如果使用unittest,同時又想使用資料驅動,那么就可以使用DDT來完成。 DDT是 “Data-Driven Tests”的縮寫。 資料:http://ddt.readthedocs.io/en/latest/ 使用方法 dd. ......

    uj5u.com 2020-09-10 05:36:13 more
  • Python里面的xlrd模塊詳解

    那我就一下面積個問題對xlrd模塊進行學習一下: 1.什么是xlrd模塊? 2.為什么使用xlrd模塊? 3.怎樣使用xlrd模塊? 1.什么是xlrd模塊? ?python操作excel主要用到xlrd和xlwt這兩個庫,即xlrd是讀excel,xlwt是寫excel的庫。 今天就先來說一下xl ......

    uj5u.com 2020-09-10 05:36:28 more
  • 當我們創建HashMap時,底層到底做了什么?

    jdk1.7中的底層實作程序(底層基于陣列+鏈表) 在我們new HashMap()時,底層創建了默認長度為16的一維陣列Entry[ ] table。當我們呼叫map.put(key1,value1)方法向HashMap里添加資料的時候: 首先,呼叫key1所在類的hashCode()計算key1 ......

    uj5u.com 2020-09-10 05:36:38 more
最新发布
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式,它可以用來減少類之間的直接依賴關系,
    * 將物件之間的通信封裝到一個中介者物件中,從而使得各個物件之間的關系更加松散。
    * 在中介者模式中,物件之間不再直接相互互動,而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:20:47 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點,專案投資大概1億,包括了礦山的各方面的內容,顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃,有很多煤礦行業專家的加持,他們的描述是非常完美,但是去年底應該上線的平臺,現在還沒有看到影子。他們確實有很多場景需求,但是被... ......

    uj5u.com 2023-04-20 08:20:25 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序,開始編碼、測驗、除錯之前進行需求分析和架構設計,才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:20:17 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師,不僅僅要緊跟行業技術趨勢,還要結合研發團隊現狀及痛點,探索新的交付方案。在日常中,你是否遇到如下問題 “ 業務需求排期長研發是瓶頸;非研發角色感受不到研發技改提效的變化;引入ISV 團隊又擔心質量和安全,培訓周期長“等等,基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:20:10 more
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式,它可以用來減少類之間的直接依賴關系,
    * 將物件之間的通信封裝到一個中介者物件中,從而使得各個物件之間的關系更加松散。
    * 在中介者模式中,物件之間不再直接相互互動,而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:19:44 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點,專案投資大概1億,包括了礦山的各方面的內容,顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃,有很多煤礦行業專家的加持,他們的描述是非常完美,但是去年底應該上線的平臺,現在還沒有看到影子。他們確實有很多場景需求,但是被... ......

    uj5u.com 2023-04-20 08:19:07 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序,開始編碼、測驗、除錯之前進行需求分析和架構設計,才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:18:57 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師,不僅僅要緊跟行業技術趨勢,還要結合研發團隊現狀及痛點,探索新的交付方案。在日常中,你是否遇到如下問題 “ 業務需求排期長研發是瓶頸;非研發角色感受不到研發技改提效的變化;引入ISV 團隊又擔心質量和安全,培訓周期長“等等,基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:18:49 more
  • 05單件模式

    #經典的單件模式 public class Singleton { private static Singleton uniqueInstance; //一個靜態變數持有Singleton類的唯一實體。 // 其他有用的實體變數寫在這里 //構造器宣告為私有,只有Singleton可以實體化這個類! ......

    uj5u.com 2023-04-19 08:42:51 more
  • 【架構與設計】常見微服務分層架構的區別和落地實踐

    軟體工程的方方面面都遵循一個最基本的道理:沒有銀彈,架構分層模型更是如此,每一種都有各自優缺點,所以請根據不同的業務場景,并遵循簡單、可演進這兩個重要的架構原則選擇合適的架構分層模型即可。 ......

    uj5u.com 2023-04-19 08:42:41 more