...

To allow your application to add to the ONOS web UI, overlay one of the UI interface interfaces. Either the "Custom View" overlay, like this:

onos-create-app ui org.foo.app foo-app 1.0.0

... or the "Tabular View" overlay, like this:

onos-create-app uitab org.foo.app foo-app 1.0.0

Now, as before, we need to build and install our application.  Since we installed it once already, we will use the reinstall command to deploy it:

...

The web UI overlay is now active.  To view the new application page that was just created, point your browser to the ONOS GUI at http://localhost:8181/onos/ui/. In the upper left corner of the home page, click the navigation button to activate the drop down navigation menu. At the bottom of the list, you will see an entry for "Sample Custom" or "Sample Table", depending on which overlay you used.  If you select it, you will be sent navigate to a page called "Sample App View" which is a page the page that was installed by your test application.

You can now use the generated web UI to add your own UI elements. The Java back end that was generated for your web UI can be seen in src/main/java/org/foo/app/AppUiComponent.java and the HTML used to display the new page can be found in src/main/resources/app/view/sample/sample.html

See the Web UI tutorials for more detailed information.

Happy coding 

Finally your application is loaded and running withing ONOS. Also, the generation process has generated an entire project which can be loaded into your favourite JAVA editor.

...

Return To : Tutorials and Walkthroughs

...