參考地址:http://www.javashuo.com/article/p-hhzhphvu-hr.htmlhtml
下載swagger ui庫git
地址是:https://github.com/swagger-api/swagger-uigithub
將Swagger項目文件複製至本地項目中express
建立express項目,將swagger ui庫中的dist文件夾加入至public文件夾中json
1.源文件夾api
2.目標文件夾,紅色圈圈中的swgger.json是在https://editor.swagger.io/中生成的,下載至本地項目中ui
Express增長代碼,將Public目錄公開spa
在開始運行的代碼中,增長如下代碼.net
express.static(path.join(__dirname, 'public'))
引用swagger json文件 code
打開https://editor.swagger.io/,將顯示出示例文件,將示例文件下載至本地項目public文件夾中
而後在index.html修改內容,默認是官方的地址,這裏修改成本地的json文件
運行本地項目
打開本地項目,查看http://localhost:3000/,便可以看到效果