参考地址: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/,便可以看到效果