Due to a ransomware attack, the wiki was reverted to a July 2022 version. . We apologize for the lack of a more recent valid backup.
Note: This page refers to the legacy GUI, not GUI2.
To help with UI development we provide a dedicated environment that introduce an auto reload feature and allow you to change your javascript files without recompiling the application.
...
- Download Node 5.x version using wget
- Install NodeJS binary in /usr/local as follows
Code Block language perl theme Emacs language perl title NodeJS 5.x installation cd /usr/local tar --strip-components 1 -xzf <path-to-downloaded>/node-v5<ver>-linux-x64.tar.gz
- Verify installation
Code Block language perl theme Emacs language perl title Verifying Installation :~/onos/web/gui/src/main/webapp$ node -v v5.12.0
...
In the console you should see something like:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
In the console you should see something like: ``` Dev server is up and listening on http://localhost: 8182 [BS] Proxying: http://localhost:8181 [BS] Access URLs: ---------------------------------- Local: http://localhost:3000 External: http://10.1.8.46:3000 ---------------------------------- UI: http://localhost:3002 UI External: http://10.1.8.46:3002 ---------------------------------- [BS] Watching files... ``` |
...
Note that ONOS_EXTERNAL_APP_DIRS is an environment variable,so it can be set with
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
export ONOS_EXTERNAL_APP_DIRS="sampleCustom:../../meow/sample/meowster-sample/" |
...