Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Make clear this page is for legacy UI only. Refer https://groups.google.com/a/onosproject.org/forum/#!topic/onos-dev/ObPhuUatHDw

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
    languageperl
    themeEmacslanguageperl
    titleNodeJS 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
    languageperl
    themeEmacslanguageperl
    titleVerifying Installation
    :~/onos/web/gui/src/main/webapp$ node -v
    v5.12.0
    
    

...

In the console you should see something like:

Code Block
languageperl
themeEmacslanguageperl
titleDevelopment Server Console
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
languageperl
themeEmacslanguageperl
titleONOS_EXTERNAL_APP_DIRS
export ONOS_EXTERNAL_APP_DIRS="sampleCustom:../../meow/sample/meowster-sample/"

...