專案打包部署上線
- 專案gitee地址
- 打包部署相關工具介紹
- 服務器
- 連接服務器工具
- 服務器系統
- 打包工具
- 其他工具
- 流程介紹
- 連接服務器
- 打包前端專案
- nginx服務器
- mongodb安裝和使用
- 安裝nvm及配置
- 后端專案部署
- 啟動線上專案
專案gitee地址
https://gitee.com/guozia007/cuckoo
打包部署相關工具介紹
服務器
- 騰訊云 - 輕量應用服務器（主要是便宜）
連接服務器工具
- window系統里的遠程桌面連接功能
服務器系統
- windows系統
打包工具
- 前端react專案打包用自帶
webpack進行打包 - 本次后端和資料庫未打包，直接放在服務器上的
其他工具
- nginx 服務器
- nvm 用來管理node版本
流程介紹
連接服務器
win + R打開指令面板，輸入指令mstsc，確定
- 來到遠程桌面連接的視窗，
- 登陸自己的
騰訊云服務器，點擊右上角自己的頭像，進入自己的服務器界面
- 在
云服務界面，選擇自己的服務器型別，購買了哪個，就選擇哪個， 界面可能不一樣，我是買的輕量的型別，所以這里以輕量應用服務器為例，
-
來到了如下界面，點擊自己
要選用的服務器，
-
在如下界面，點擊
重置密碼，這里建議用默認的用戶名，就不要亂改了，設定一個符合要求的密碼，
-
這是密碼重置界面，按照流程操作即可，用戶名就用系統默認，其他不再贅述，
-
就在上述的云服務器界面，點擊
左上角ip地址旁邊的復制按鈕，
-
回到剛才的連接界面，把ip
粘貼進計算機這行的輸入框里，用戶名就選用默認的，輸入剛才重置的云服務器密碼即可，然后點擊連接按鈕，
-
這時會彈出詢問彈框，點擊
是
-
連接成功后，就可以看到如下的服務器界面，
-
點擊右上角
藍色邊框位置的x，關閉里面的頁面，就可以看到潔白的服務器桌面了，（注：檔案夾是我的專案內容，初始狀態只有一個垃圾箱，其他什么也沒有）
打包前端專案
- 進入到前端專案檔案夾，
npm run build打包前端專案 - 在專案里會生成一個
build檔案夾，
- 復制該檔案夾，粘貼到服務器桌面，
nginx服務器
- 到
https://blog.csdn.net/tuzi007a/article/details/116132038?spm=1001.2014.3001.5502博客中，找到nginx安裝標題，點進去查看安裝和指令，
- 安裝后的服務器，是一個nginx檔案夾，直接復制到服務器桌面即可，
- 在服務器的nginx檔案夾里，打開檔案夾，找到
nginx.exe，雙擊它，啟動nginx服務器，
mongodb安裝和使用
-
這里需要注意的是mongodb對應的服務器的版本，以我的為例，我的服務器是
Win Server 2012 R2
-
并且，我后端用的md5加密，
-
所以，我需要安裝的mongodb版本，就是需要對應
2012 md5加密版本 -
用于服務器的各個版本的mongodb :
http://dl.mongodb.org/dl/win32/x86_64，下載對應版本即可，
-
在服務器桌面，新建一個命名為
mongodb的檔案夾，把下載好的壓縮包復制到檔案夾里，然后解壓并安裝， -
安裝好之后，配置全域路徑，
-
服務器內配置環境變數方法：
https://jingyan.baidu.com/article/fd8044fafd79a21131137ab4.html -
打開cmd命令視窗，輸入
mongo指令，檢查是否正常啟動，
-
繼續輸入指令，創建用戶名和密碼，
user后面的root是用戶名，pwd后面的root是密碼，自己把root改成自己的用戶名和密碼，密碼設定長一點，
db.createUser({ user:'root',pwd:'root',roles:[ { role:'root', db: 'admin'}]}); -
用這個賬號和密碼連接資料庫：
db.auth('root','root')把root改成自己的用戶名和密碼， -
重啟mongo服務，
-
再來到云服務器頁面，點擊
防火墻，再點擊添加規則，給27017埠開個防火墻
-
點擊之后，會有個彈框，在彈框里輸入埠號和備注，防火墻就開好了，
-
在服務器 的mongodb檔案里，找到
mongod.cfg組態檔，
-
按照下圖進行修改組態檔：
-
來到后端專案的mongodb組態檔
mongodb.config.js，做如下配置：mongodb://root:密碼@服務器ip:27017/?authSource=admin
-
再重啟mongodb服務，
安裝nvm及配置
- 查看博客
https://blog.csdn.net/tuzi007a/article/details/116132038?spm=1001.2014.3001.5502
后端專案部署
- 后端的koa專案沒有打包，是直接放服務器桌面的，具體做法是：
- 先在服務器桌面，新建檔案夾
server - 在自己電腦里找到后端專案檔案夾，把除了
node_modules檔案以外的所有檔案，都復制到服務器的server檔案夾里， npm i安裝node_modules- 啟動后端專案即可，本地怎么啟動的，在服務器上就怎么啟動，
- 在目錄里找到這篇：
按照這個操作即可，
啟動線上專案
- nginx打開
- mongodb啟動
- 后端專案啟動
http://服務器ip即可打開自己的專案了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/304460.html
標籤：其他
上一篇：【歷史上的今天】9 月 29 日：“美國支付寶” Stripe 正式上線；HotJava 面世；VR/AR 領域先驅誕生