Embed Oracle Analytics Content into a Custom Application that Uses Oracle JET

If the custom application uses Oracle JET, then the embedded Oracle Analytics content extends the application with the component it needs.

Before you begin to embed analytics content, confirm that the custom application uses the same major version of JET that Oracle Analytics uses. For example, if Oracle Analytics uses JET 11.0.10, then your custom application must use JET 11.x.x.

To find the version of JET that Oracle Analytics uses, log into Oracle Analytics, open the browser console, and run this command:

requirejs('ojs/ojcore').version

Your JET application must also use the same style that Oracle Analytics uses, which is Alta.

For information about creating an Oracle JET quick start application where you'll embed analytics content, see Oracle JET Get Started.

This procedure uses an example embedding application named OAJETAPP.

1. Follow the instructions to install the Oracle JET quickstart application and name the embedding application OAJETAPP using --template=navdrawer.
2. Edit the index.HTML file of the embedding application (for example, OAJETAPP/src/index.html) and include embedding.js.

   <script src="https://<instance>.analytics.ocp.oraclecloud.com/public/dv/v1/embedding/jet/embedding.js" type="text/javascript">
   </script>

3. Include <oracle-dv> in the appropriate section (for example OACJETAPP/src/js/views/dashboard.html). Here project-path specifies the workbook's path.

   <div class="oj-hybrid-padding" style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">  
    <h3Dashboard Content Area</h3>
     <oracle-dv id="oracle-dv" project-path="/shared/embed/test-embed">
     </oracle-dv>
   </div>

4. Run the quick start application using these commands.

   ojet build
   ojet serve