建立面板資產

：：：警告 不要在生產節點上執行下列步驟。 :::

有關如何建立面板的說明也可在 BUILDING.md (opens new window) 文件中找到。

面板的前端是用 React 建構的。對原始檔案的任何更改都需要重新編譯。 這也適用於樣式表。以下部分說明如何執行此操作。

安裝依賴項

以下命令將安裝建置面板資產所需的依賴項。

建置工具需要 NodeJS，yarn 用作套件管理器。

# Ubuntu/Debian
curl -sL https://deb.nodesource.com/setup_22.x | sudo -E bash - 
sudo apt install -y nodejs

# CentOS
curl -sL https://rpm.nodesource.com/setup_22.x | sudo -E bash -
sudo yum install -y nodejs yarn # CentOS 7
sudo dnf install -y nodejs yarn # CentOS 8, Rocky Linux 8, AlmaLinux 8

安裝所需的 JavaScript 套件。

npm i -g yarn # Install Yarn

cd /var/www/pterodactyl
yarn # Installs panel build dependencies

建立面板資源

以下命令將重建面板前端。對於 NodeJS 版本 17 及更高版本，您必須在建置之前啟用 --openssl-legacy-provider 選項。

cd /var/www/pterodactyl
export NODE_OPTIONS=--openssl-legacy-provider # for NodeJS v17+
yarn build:production # Build panel

您可以使用命令 yarn run watch 幾乎即時查看更改的進度，以便更輕鬆地開發。一旦您對更改感到滿意，請使用前面提到的 yarn build:production 命令建立面板。