Creating a Web Application

Use the web application project template to create an application that can run in a web browser.

  1. In the Projects tab, click Web Application Project, name your project, and click Create.

    A web application project includes the following parts:

  2. Web application document (.gcomp)—The container for all the files in your application.
  3. WebVI (.gviweb)—A specialized VI that generates HTML, JavaScript, and CSS files after you build a web application. Each WebVI marked as top-level in your application generates one HTML file, which corresponds to one web page after you build your web application.
  4. Other files—(Optional) Any other files you want to include in your web application, such as CSS, JavaScript, and image files.
  5. Web Server target—The item in SystemDesigner that represents the web server that hosts the web application.
  6. Open or create a WebVI within the application document and customize the WebVI for your unique programming goals.
  7. (Optional) If you want to customize the appearance of your WebVI or add interactive functionality, create CSS and JavaScript files and include them in your application.
  8. Test and debug your code.
    Select Run » Run in browser to test your WebVI in a browser.
    Note Unlike desktop VIs, WebVIs do not currently support debugging tools, such as execution highlighting, probes, and breakpoints.
  9. Repeat steps 2–4 to create additional WebVIs.

Once you finish creating and testing your application, build it into a web application that can run in a web browser.