环境说明

• Niagara版本：N4 4.6.96.28

• Niagara安装路径：C:/Niagara/Niagara-4.6.96.28

• 源代码路径：C:/develop/workspaces-idea/ims-iot-client

• 测试模块名：testUxModule

• 注意：您的Niagara授权需要有开发的权限，可以联系Tridium相关人员咨询
  

  vykon.license

背景介绍

Niagara平台支持H5来编写页面，从而带来的问题就是频繁的修改前端页面，特别是样式。如果每次修改完都要打包然后重新部署,这样太过于麻烦，大大降低了开发效率，因此Niagara提供了一个webdev模式，可以通过几步配置，让Station或workbench（以下简称wb）加载的是您最新的源代码(仅限前端)。

开始

新建ux项目

在这里我们用wb的模块创建引导创建一个模块名为testUxModule,注意勾选ux

配置 文件目录

修改配置文件

1、打开C:/Niagara/Niagara-4.6.96.28/defaults/system.properties,在最后面添加如下配置

niagara.dev.home=C:\develop\workspaces-idea\testUxModule
niagara.module.dev=true
niagara.module.dev.wb=true

• 注意： 如果有特殊格式也要直接从源码目录加载，则可添加如下配置

niagara.module.dev.supportedExtensions=js,css

2、创建C:/Niagara/Niagara-4.6.96.28/etc/moduledev.properties
输入如下内容

testUxModule=C:\develop\workspaces-idea\testUxModule\testUxModule\testUxModule-ux

经过上面配置就可以开启开发模式，这样浏览器就会直接从源码下加载前端代码了（记得重启wb）