How To Set Up Swagger UI editor Locally in Windows

How To Set Up Swagger UI editor Locally in Windows

This was one I have searched a lot more but couldn't find a simple answer fortunately I had time to find it out so that I can Managed to do it properly. So that I thought sharing this information would be helpful for someone else.


For Setting up the Swagger Editor in your machine locally you need to make sure that the Nodejs is installed in your device. If it is not then install the nodejs first. Also you can check it by passing "npm --version" in cmd.

First you need to do after ensuring the nodejs is google "swagger api github" And click on the first Link from the Github.

No alt text provided for this image

After that open the Swagger-editor link from the menu items

No alt text provided for this image

After that you can see a download link for the latest version of the editor and you have to click on that.

No alt text provided for this image

Now you can download the editor by click on the "Source code.(zip)"

After downloading the zip file extract the file to a single folder.

No alt text provided for this image

After that Open Command prompt, you need to activate the npm server for that call "npm install -g http-server" .After it completed then move to the swagger-editor folder in cmd(eg: "cd C:\Users\user\Desktop\Swagger\swagger-editor").After that Type "npm install" and tap enter.

No alt text provided for this image

After the installation completed you have to move the folder location to swagger by entering "cd.." and then you need to setup the localhost for that you have to input "http-server swagger-editor -a 127.0.0.1 -p 8080" and tap enter. And here you can choose any port over '8080' . After the execution you can get a success response like the image showing below

No alt text provided for this image

After that open your browser and go to ''localhost:8080'' and you can see the Swagger editor and you can perform any swagger operations

No alt text provided for this image

........................................................THE END......................................................................

Vishwanath Ingale

Student at Sipna college of engineering and technology

1 年

and the npm install command is also showing many errors

  • 该图片无替代文字
回复
Vishwanath Ingale

Student at Sipna college of engineering and technology

1 年

sir my localhost is showing error

回复

要查看或添加评论,请登录

Jithin Somaraj的更多文章

  • How to check all checkboxes on a web page from the browser console.

    How to check all checkboxes on a web page from the browser console.

    Some of us may get frustrated with the large number of checkboxes that need to be clicked to proceed to the next page…

    1 条评论
  • How to Perform Data-Driven Testing in Postman?

    How to Perform Data-Driven Testing in Postman?

    Data-driven testing is a smart way to test software by running tests with different sets of data. Postman, a popular…

  • How To Generate Individual HTML Report in OWASP ZAP

    How To Generate Individual HTML Report in OWASP ZAP

    When scanning multiple APIs simultaneously in OWASP ZAP, many users find it challenging to generate individual API…

    1 条评论
  • How to load external JavaScript file in JMeter

    How to load external JavaScript file in JMeter

    In certain situations, such as during payment processes or when submitting forms within the application, front-end…

    1 条评论
  • How do they Do It ?!!!!

    How do they Do It ?!!!!

    Today I want to share you about how much efforts it takes to hack your device for intruders Because of there is a…

  • Appium Android Automation Starter

    Appium Android Automation Starter

    Introduction Appium is an Open-source tool which can be used to automate mobile and desktop applications. Appium…

  • An Introduction to Kali Linux

    An Introduction to Kali Linux

    Kali Linux is an operating basically an operating system which is based on linux.As per Wikipedia, Kali Linux is a…

  • Different Doors In Apache JMeter

    Different Doors In Apache JMeter

    First of all this is my first ever article in the Linked in community. And I want to inform you that I'm not…

社区洞察

其他会员也浏览了