Intro
On top of the approach of web components (webcomponents.org) - the Cubbles Platform provides a software infrastructure to support the whole lifecycle of a (web) component - from design to usage.
Cubbles Components reside in a server-side repository (the Cubbles Base). At runtime each Cubbles Component Instance (aka "cubble") provides a simple interface to be interoperable a) with each other and b) with the DOM-Api.
Cubbles can act as
- a visual element of your applications user interface,
- a function block for (client-side) data processing and/or
- a connector to any (server-side) 3rd party data service.
Usage Scenarios
You can use Cubbles Components e.g. to:
- Visualize the latest business figures.
- Include search based information into any pages.
- Put the same contact formular on multiple pages (of different webapplications).
How To
- Put two
<script>tags into the webpage (into the head or the body) to make the RTE (the Cubbles RunTime Extension) available on client side. - Place any number of cubbles into the body of your webpage.
- Request the webpage within a browser.
Example:
Put two <script> tags into the webpage (into the head or the body) to make the RTE (the Cubbles RunTime Extension) available on client side:
<script src="<base-url>/<store>/cubx.core.rte@2.0.1/webcomponents-lite/webcomponents-lite.js"> <script src="<base-url>/<store>/cubx.core.rte@2.0.1/crc-loader/js/main.js" data-crcinit-loadcif="true"></script>
Now each component available within the referred store can easily be used within the body of the page:
<federal-state-elections cubx-webpackage-id="com.incowia.demo.elections@0.1.0"></federal-state-elections>
- The tag named like the component.
- The attribute "
cubx-webpackage-id" refers to the ID of containing webpackage.
