反转旋木

反转旋木

时代的一粒尘埃,落在个人身上就是一座大山

搭建這個溫馨的小屋

搭建這個溫馨的小屋#

起因是這樣之前想實現一個類似萌娘的隱藏效果 讓後看到了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

最後前端搭建(後端一定要搭建好)#

其實看innei老師的部署流程就行了

本地部署的話也基本與後端編譯一樣

此文由 Mix Space 同步更新至 xLog
原始鏈接為 http://121.41.123.51:2333/posts/categories/1


載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。