G Web Development Software是一个以科学和工程为中心的编程环境，用于在可视化代码图中设计和测试系统。开发方面，可创建Web应用程序、设计响应式UI和控件，以及调试、构建和打包您的WebVI。通信数据，可访问WebVI资源文件、Web服务数据，并在您的Web应用程序中使用SystemLink Tag和Message等Web服务。使用JavaScript库接口(JSLI)文档将JavaScript函数添加到您的Web应用程序并创建自定义UI元素。了解您在开发过程中的托管选项以及如何托管您的Web应用程序以与用户共享。构建库并添加自定义调色板以共享代码和创建附加组件。快速设计Web应用程序，无需掌握Web开发技能，您可以使用G Web开发软件创建Web应用程序，从而对测试系统进行远程监测和控制，并将正确的数据呈现给用户。您可以定制用户界面，并直接在任何现代网页浏览器、平板电脑或智能手机上运行，无需安装其他插件或安装程序。
功能特色
一、使用G Web开发软件将现有应用程序部署到网络
可轻松将数据从多个设备上运行的现有应用程序发送到使用G Web开发软件创建的Web应用程序。通过Web应用程序，您和其他相关人员可以更高效地监测多个站点的状态和运行状况，而无需重新开发现有的应用程序。
1、使用内含的SystemLink API，进行直观的数据通信
SystemLink API是一种预先构建的数据通信API，可在多个应用程序之间安全地共享数据。您可以从运行LabVIEW、Python或C#的现有应用程序中读取或写入数据，将数据发布到WebVI。
2、轻松配置NI Web服务器的安全性和访问权限
NI Web服务器随附的Guided Setup Utility（设置向导工具）可帮助您轻松配置和自定义安全性和用户访问权限，以便在WebVI和现有应用程序之间共享数据。
二、使用G Web开发软件开发Web应用程序
借助G Web开发软件，您可以使用直观的图形编程语言和拖放式工程小组件为您的测试系统创建Web应用程序。这些Web应用程序可在任何现代Web浏览器上运行，无需插件或安装程序，您可以借此快速查看数据，也可以从任意设备远程控制测试系统。通过G Web开发软件WebVI创建的Web应用程序采用行业标准技术，如HTML、CSS和JavaScript。
1、使用高性能的拖放式工程小组件，创建Web应用程序
使用G Web开发软件，通过高性能的拖放式工程小组件和图形编程语言创建和部署基于标准Web技术（HTML、CSS和JavaScript）的Web应用程序。使用G Web开发软件创建的Web应用程序可完全在浏览器中运行，而无需额外的安装步骤。此外，这些Web应用程序还可以自动适应任意屏幕尺寸。
2、集成已有的第三方Web内容
如果需要向Web应用程序添加自定义功能，可利用WebVI的开放性，从互联网导入内容。编辑WebVI HTML代码并导入JavaScript库，这样便可以添加自定义项目，如映射小组件。
3、使用CSS自定义WebVI样式
使用CSS修改WebVI的样式，例如背景色。通过在Web应用程序中添加CSS文件，您可以将样式与内容分开，并在整个组织中共享自定义CSS文件，从而构建一致的样式和布局。
三、使用G Web开发软件安全地共享Web应用程序
G Web开发软件可简化过程，让您轻松在本地或NI托管的云端运行Web应用程序。
G Web开发软件可简化过程，让您轻松托管和共享Web应用程序。您可以轻松地部署Web应用程序，并直接在测试和测量设备、您自己的服务器或G Web开发软件中包含的NI托管服务SystemLink Cloud上运行。
1、托管多个用户界面和应用程序
轻松创建灵活且可扩展的Web应用程序并将其托管于同一服务器。您可以使用G Web开发软件创建包含多个网页的Web应用程序，每个网页都有不同的HTML文件和URL。
2、多个Web应用程序托管选项
可选择多种解决方案来托管Web应用程序。包括使用行业标准的Web服务器或SystemLinkTM Server，甚至直接通过测试和测量设备托管应用程序。
3、使用G Web开发软件内含的SystemLink Cloud，托管Web应用程序
SystemLink Cloud是一项NI托管服务，位于一个安全、可扩展的云计算环境中，使用它之后便无需配置和管理Web服务器和数据库基础设施。您可以使用SystemLink Cloud来托管WebVI，并构建可自由配置且支持全球访问的仪表板。
使用帮助
一、创建Web应用程序
使用Web应用程序项目模板创建可以在Web浏览器中运行的应用程序。
1、在Projects选项卡中，单击Web Application Project，命名您的项目，然后单击Create。
一个Web应用程序项目包括以下部分：
Web应用程序文档(.gcomp)—应用程序中所有文件的容器。
WebVI(.gviweb)—在您构建Web应用程序后生成HTML、JavaScript和CSS文件的专用VI。应用程序中标记为顶级的每个WebVI都会生成一个HTML文件，该文件对应于构建Web应用程序后的一个网页。
其他文件—（可选）要包含在Web应用程序中的任何其他文件，例如CSS、JavaScript和图像文件。
Web服务器-托管Web应用程序。
2、在应用程序文档中打开或创建一个WebVI，并根据您独特的编程目标自定义WebVI。
3、（可选）如果您想自定义WebVI的外观或添加交互功能，请创建CSS和JavaScript文件并将它们包含在您的应用程序中。
4、测试和调试您的代码。选择运行»在浏览器中运行以在浏览器中测试您的WebVI。
笔记
与桌面VI不同，WebVI目前不支持调试工具，例如执行突出显示、探针和断点。
5、重复步骤2-4以创建其他WebVI。
完成应用程序的创建和测试后，将其构建为可在Web浏览器中运行的Web应用程序。
二、设计响应式用户界面
您可以设计WebVI的用户界面以响应不同的屏幕尺寸。
假设您希望WebVI同时在计算机显示器和平板设备上运行；或者您希望WebVI在用户希望仅垂直滚动的手机上运行。您可以设计一个单一的用户界面，使面板及其内容适应屏幕尺寸，而不是为每个用例创建一个用户界面。
1、在您的应用程序文档中创建一个WebVI。
2、在Panel选项卡上，将Panel layout设置为Flexible。
3、通过在面板上放置对象来创建容器。
在空白面板上，将控件或指示器放置在面板上的任意位置以创建容器。
将控件或指示器放置在现有容器之外以创建新容器。您可以在一列或一行中创建多个容器。
当您将鼠标悬停在面板上的对象上时，容器会显示为边框。
4、选择一个容器并在“项目”选项卡的“布局”部分中配置布局选项，以确定当屏幕尺寸更改时容器中的对象如何排列和对齐。
5、选择一个对象并在Item选项卡的Layout部分配置布局选项，以设置对象大小以及当屏幕大小更改时对象是否调整大小。
6、单击文件»全部保存以保存所有文件。
7、选择运行»在浏览器中运行以在Web浏览器中查看您的应用程序。调整Web浏览器的大小并确保控件和指示器的大小适当调整。
要使您的Web应用程序可供其他用户使用，请将您的构建输出托管在其他用户可以访问的Web服务器上。