Does IntelliJ have an internal web server to serve static content of a web application?

Viewed 20883

Right now, the directory of my module is defined as an IIS virtual directory and IIS serves the files.

I was wondering whether IntelliJ has an internal web server, which can serve the files, without the need for any third party. Eclipse does.

7 Answers

A built-in HTTP preview server will be part of Intellij IDEA 13 and is already available in the EAP: http://youtrack.jetbrains.com/issue/WEB-7148

"All existing actions — preview in browser (pop-up over html file or menu action or shortcut), open in browser and create/debug html file action now open file on built-in web server http://localhost:63342/<project name>/<file path relative to source or content root>"

In other words, right-click on an HTML page and select "Debug" or "Open in browser", and IDEA 13+ will serve up that page via port 63342.

IntelliJ IDEA has a built-in web server that can be used to preview and debug your application. Just watch this YouTube video or follow the steps below.

Option 1

You need to add new 'JavaScript Debug' configuration:

  • Click Add Configuration... or Edit Configurations... in the Navigation bar

    Run | Edit Configurations

  • Click + button in the toolbar or press Alt + Insert to create a new configuration

  • Select JavaScript Debug under the Templates node in the tree view of run configurations
  • Fill in Name, URL, Browser and click [OK] to save the configuration
    Use http://localhost:63342/YOUR-PROJECT-NAME/index.html for URL

    Run/Debug Configurations Dialog

Now you can run the configuration:

  • Click run run icon or debug debug icon button in the Navigation bar (or use Shift + F10 / Shift + F9 hotkeys).

Option 2

Running web page in browser without creating a configuration. Refer to the related IntelliJ IDEA Help article.

  1. In the editor, open the HTML file. This HTML file does not necessarily have to be the one that implements the starting page of the application.

  2. Do one of the following:

    • Choose View | Open in Browser on the main menu or press Alt+F2. Then select the desired browser from the pop-up menu.
    • Hover your mouse pointer over the code to show the browser icons bar: browser icons. Click the icon that indicates the desired browser.

Result

Google Chrome browser with a demo web page served by the Intelij IDEA's built-in webserver:

demo web page

Related