在windows 上編譯部署Rap2

標籤：初始   情況   build   node.js   review   rev   實測   redis   檔案夾   

 

• • 在windows 上編譯部署Rap2
    • 引言
    • 安裝需要的環境
    • 安裝後端網站
      • 建立資料庫
      • 在全域安裝pm2 和 typescript
      • 配置mysql，redis 資料庫連結配置
      • 初始化
      • 編譯
      • 初始化資料庫表，填充基礎資料
      • 執行mocha測試案例和js代碼規範檢查
      • 啟動服務
    • 安裝前端網站
      • 初始化
      • 配置前端網站所使用的服務端端地址
      • 打包程式
      • 部署網站
        • 使用iis
        • 使用server命令
    • 結語

引言

rap2 使用了前後端分離的架構。
後端源碼地址：rap2-delos 基於Koa + MySQL
前端源碼地址：rap2-dolores 基於React

首先下載源碼,通過git或者直接根目錄下載解壓都可以，自行解決下載速度慢的問題。

安裝需要的環境

Node.js 8.9.4+ 安裝最新windows版
MySQL 5.7+ 不要用最新版，會有問題，踩坑過
Redis 4.0+ 這個實測3.2也沒問題 ，window版
提供預設連接埠無密碼的redis服務。

安裝後端網站建立資料庫mysql -e ‘CREATE DATABASE IF NOT EXISTS RAP2_DELOS_APP DEFAULT CHARSET utf8 COLLATE utf8_general_ci‘在全域安裝pm2 和 typescriptnpm install -g pm2npm install -g typescript配置mysql，redis 資料庫連結配置

在/src/config/config.xxx.js 中可以找到相應配置，根據實際情況填寫。

初始化

執行

npm install

可能會出現差一些包 ，根據包名，都可以使用 npm install xxxx 來安裝。

編譯npm run build初始化資料庫表，填充基礎資料npm run create-db執行mocha測試案例和js代碼規範檢查npm run check啟動服務

啟動服務之前檢查下8080連接埠是否被佔用，當然也可以在/src/config/config.xxx.js 修改連接埠

npm start

（iis上有iisnode 可以讓iis託管node程式，但是沒有成功配置出來 ，所以目前還是用的pm2 來承載運行這個程式）

安裝前端網站

這是一個純靜態網站，只需要先打包出來，然後掛在iis上就行。

初始化

在下載源碼包的根目錄執行

npm install配置前端網站所使用的服務端端地址

可以在/src/config/config.prod.js(生產模式設定檔) 中找到

打包程式

在下載源碼包的根目錄執行

npm run build

執行成功的話，將會在根目錄產生一個build檔案夾，這個裡面就是發布好的網站檔案。

部署網站使用iis

使用build檔案夾 建立一個網站。需要，這個時候已經可以看到效果了， 但是當使用者在非根目錄重新整理頁面就會出現404頁面。
這裡需要特殊處理下：
方法1： 在iis上配置，選中網站 -》功能視圖下的 錯誤頁 -》編輯404狀態代碼-》改成在此網站上執行\index.html 。
方法2： 使用urlrewrite 功能， 將所有請求都重寫到\index.html。

使用server命令

安裝server命令 npm install -g server
運行 ： serve -s ./build -p 80
這也是官方給出的方案

結語

安裝過程中也不是一帆風順，大多出現在執行 npm命令 ，基本都是缺少包 或者命令 ，然後使用 npm install xxxx 安裝就好 。

在windows 上編譯部署Rap2