部署專案簡介

我們要部署的專案是人人網的一個基於前後端分離的專案：renren-fast。
你可以在這裡對該專案進行下載，並對相關介紹文件進行了解：
https://www.renren.io/community/project
https://www.renren.io/guide/

後端專案搭建

首先來介紹下renren-fast的後端專案的架構：

簡單說一下這裡面涉及的技術：

• SpringBoot：簡化Spring框架。
  （參考：http://spring.io/projects/spring-boot/）
• SSM（Spring+SpringMVC+MyBatis）：三大框架的整合。
  （參考：
  https://www.cnblogs.com/zyw-205520/p/4771253.html）
• Swagger：一種API的調式工具。（參考：https://swagger.io/）
• JWT（JSON Web Tokens）：擁有單點登入功能（微服務特點），能把認證資訊儲存在瀏覽器上。(參考：https://jwt.io/ https://www.cnblogs.com/cjsblog/p/9277677.html)
• Redis
• Shiro：許可權驗證機制。（參考：http://shiro.apache.org/）

匯入前，先進行環境配置：

搭建Maven環境

Maven是一套軟體工程管理和整合工具：

首先，先到這個地址下載需要的檔案：
http://maven.apache.org/download.cgi

然後修改修改 “系統變數”：
在變數名Path 的值中追加你前面下載的maven的bin路徑，如E:\maven\bin;

接著，修改maven\conf目錄下的settings.xml配置檔案，並在<settings>下修改：

<mirrors>
    <mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>        
    </mirror>
  </mirrors>
 

然後，回到Eclipse中配置Maven：
windows系統，在Eclipse的window選單下找到Preferences:

當你單擊“Apply”時，可能會報如下錯誤：
org.apache.maven.archiver.MavenArchiver.getManifest錯誤
解決方法請參考：https://www.cnblogs.com/asderx/p/6541945.html

現在我們把renren-fast的後端專案先下載下來，下載ZIP檔案。然後使用Eclipse匯入這個專案：

接著，我們把這個專案跑起來：

• 連線MySQL資料庫，新建一個名稱為renren_fast的資料庫：
  

然後右鍵，選擇“執行SQL”（在renren-fast後端專案的根目錄下方有一個db資料夾，裡面有Mysql檔案）：

點選開始執行後，會生成資料表。

接著，回到Eclipse中修改資料庫連線資訊，在src\main\resources目錄下找到：application-dev.yml檔案，修改username和password：

設定好之後，我們可以試執行一下：

• Eclipse安裝Spring外掛
  https://blog.csdn.net/super_big_sun/article/details/72854877

前端專案搭建

前面說完了後端專案的搭建，現在說說前端專案：

首先先下載

renren-fast的前端專案是基於VUE+NodeJS+ElementUI架構的專案。

所以，首先請安裝NodeJS環境,選擇LTS版本：

安裝完成後，接著使用命令列工具，進入到前面下載的前端專案的根目錄，如：cd E:\renren-fast-vue。
接著分別使用命令：
npm install
npm run dev

注意：在npm install安裝過程中可能會遇到以下問題(標題上附上了解決方法的連結)：

• 安裝node-sass提示沒有vendor目錄的解決辦法
• npm 安裝 chromedriver 失敗的解決辦法

至此，我們就將需要部署在Docker中的前後端專案進行了介紹和搭建，如在搭建過程中遇到問題，請留言 ^_^

下一篇中，我們將進入到實際的部署中。但是，在部署之前，我們先了解一波Linux基礎知識。