この温かい小屋を建てる

＃この居心地の良い小屋を建てる

これは、以前に萌娘のような隠れた効果を実現したいと思っていたのですが、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

以下のポイントに注意してください。

ポートを外部ポート 3344 にマッピングしました。
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

OK、バックエンドに問題がなければ、起動しています。確認する場合は、次のインターフェースを使用して ping してください。

http://設定したIP:2333/api/v2/ping

最後に、フロントエンドを構築します（バックエンドを必ず構築してください）#

実際には、innei先生のデプロイ手順を見れば十分です。

ローカルでデプロイする場合は、基本的にバックエンドのコンパイルと同じです。

この記事は Mix Space から xLog に同期されています。
元のリンクは http://121.41.123.51:2333/posts/categories/1 です。