在CentOS上使用Swagger Editor的步驟
Swagger Editor依賴Node.js環境,需先安裝Node.js(包含npm包管理器)。
curl -sL https://rpm.nodesource.com/setup_14.x | sudo -E bash -
sudo yum install -y nodejs
node -v # 查看Node.js版本
npm -v # 查看npm版本
有兩種常見方式安裝Swagger Editor:
sudo npm install -g swagger-editor http-server
git clone https://github.com/swagger-api/swagger-editor.git
cd swagger-editor
npm install -g http-server # 安裝HTTP服務器
swagger-editor
cd /path/to/swagger-editor
http-server -p 8080 # 指定端口(如8080)
http://localhost:8080
(若為遠程服務器,替換為IP地址),即可打開Swagger Editor界面。swagger.json
或swagger.yaml
格式。若需將Swagger Editor編寫的文檔導入Swagger UI進行可視化展示,需完成以下步驟:
git clone https://github.com/swagger-api/swagger-ui.git
cd swagger-ui
npm install
dist
目錄,修改index.html
文件,將默認的Swagger Petstore文檔URL替換為自己的文檔路徑(如/static/your-swagger.json
):// 修改前(默認Petstore文檔)
url: "https://petstore.swagger.io/v2/swagger.json",
// 修改后(指向本地自定義文檔)
url: "/static/your-swagger.json",
mkdir -p /opt/swagger/public
cp -r swagger-ui/dist/* /opt/swagger/public/
cp /path/to/your-swagger.json /opt/swagger/public/
cd /opt/swagger/public
http-server -p 3000
http://localhost:3000
,即可查看自定義的API文檔。sudo firewall-cmd --permanent --add-port=8080/tcp
sudo firewall-cmd --reload
sudo
,本地安裝無需sudo
(推薦)。