搭建這個溫馨的小屋#
起因是這樣之前想實現一個類似萌娘的隱藏效果 讓後看到了innei老師的這篇文章
實現的效果就將老師博客收藏 然後不知道過了多久上班摸魚時候逛博客發現innei老師博客更新成為全新的模樣 太可愛了 就想要搭建一個
開整#
這次搭建 || 打算白嫖公司分配 || 給我的測試伺服器 由於是測試伺服器存在隨時銷毀的風險所以要將資料庫部署到我的伺服器 前端就部署在 vercel 當然也可以部署到測試伺服器 偷個懶
簡單如下圖 || 等我配置圖床吧 ||
空
先部署最簡單資料庫#
由於裡面環境很被我整的亂 決定使用 docker 安裝 MongoDB
那就開抄docker-compose.yml 按需抓藥
version: '3.8'
services:
mongo:
container_name: mongo
image: mongo
volumes:
- ./data/db:/data/db
ports:
- '3344:27017'
networks:
- app-network
restart: always
networks:
app-network:
driver: bridge
注意幾點即可
1 將端口映射了 3344 這個外部端口
2 在 docker-compose.yml 同./data/db 這個目錄映射 /data/db 資料為了防止萬一記得備份
由於之前已經安裝了 docker 和 docker-compose
直接拖到一個目錄構建即可
docker compose up -d
其次構建測試伺服器後端#
這裡要先安裝環境#
node18.2.0
使用 nvm 來安裝 node 為啥沒用使用 docker 因為等下要用編譯 || 我還想學習下 || 這裡命令很簡單
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
nvm install 18.2.0
nvm use 18.2.0
這個是默認使用的環境
nvm alias default stable
由於測試伺服器是非常老舊版本出現連結庫報錯需要升級 || 為啥不直接重裝一個新系統 重裝一個估計要去人事報道了 ||
[root@172 ~]# npm -v
node: /lib64/libm.so.6: version `GLIBC_2.27' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.25' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.28' not found (required by node)
node: /lib64/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by node)
node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.20' not found (required by node)
node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.21' not found (required by node)
索性有著大佬博客幫助 成功解決
之後需要編譯後端#
先 git clone 到伺服器上
git clone https://github.com/mx-space/core
讓後安裝 pnpm 管理包工具 pm2 工具
npm install -g pnpm
npm install -g pm2
配置.env 文件
程式碼修改連結本地的 mongdb 與 Redis 全局搜索下即可
然後運行
pnpm i
pnpm bundle
編譯成功以後檔案都在 apps/core/out 下面 之後不要慌運行 主要是拉下管理後台的前端
core/apps/core/zip-asset.sh
之後再專案目錄有一個 out 檔案 進入 out
pm2 start ecosystem.config.js
好了 後端如果沒有問題 就已經啟動了檢查的話可以使用下面介面 ping 下
http://配置ip:2333/api/v2/ping
最後前端搭建(後端一定要搭建好)#
本地部署的話也基本與後端編譯一樣
此文由 Mix Space 同步更新至 xLog
原始鏈接為 http://121.41.123.51:2333/posts/categories/1