Table Of Contents

Creating a Web Application

Version:
    Last Modified: December 20, 2017

    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:

      • Web application document (.gcomp)—The container for all the files in your application.
      • 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.
      • Other files—(Optional) Any other files you want to include in your web application, such as CSS, JavaScript, and image files.
      • Web Server target—The item in SystemDesigner that represents the web server that hosts the web application.
    2. Open or create a WebVI within the application document and customize the WebVI for your unique programming goals.
    3. (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.
    4. Test and debug your code.
      spd-note-note
      Note  

      Unlike desktop VIs, WebVIs do not support debugging tools such as highlight execution, probes, and breakpoints. However, you can still debug a WebVI by wiring extra indicators to imitate probes and display the data that flows through a wire.

    5. 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.


    Recently Viewed Topics