Unable to embed Oracle Anaytics dashboard on public website
Content
We are trying to embed OAC (oracle analytics cloud) graph/canvas on public webpage, we have created an application in IDCS (identity cloud service) and generated client id and client secret, which we encoded in base 64 encoder and generated access token which we used in webpage. Copied the code from OAC dashboard developer option embed section and included it in webpage, but while executing the webpage, we are facing an error saying "AJAX request failed during bootstrap. Request 'https://oac100-bmbriwuhm2ek-bo.analytics.ocp.oraclecloud.com:443/ui/dv/ui/api/v1/sessioninfo/ext'; response:".
Version
5.9Code Snippet
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <html dir="ltr"> <head> <title>Oracle Analytics Cloud Embedding Sample</title> <script src="https://oac100-bmbriwuhm2ek-bo.analytics.ocp.oraclecloud.com/public/dv/v1/embedding/standalone/embedding.js" type="application/javascript"> </script> </head> <body> <div style="text-align: center"> <h1>Oracle Analytics Cloud Embedding Sample</h1> </div> <div style="position: absolute; width: calc(100% — 40px); height: calc(100% — 120px)"> <oracle-dv project-path="/@Catalog/users/[email protected]/Dashboard" active-page="canvas" active-tab-id="2"> </oracle-dv> </div> <script> var token = "eyJ4NXQjUzI1NiI6IldDMjJfQTFtNzVyX0JuczROZzdES1Z1S2x2RjdRaFdQODlxRnA3ZHdrS3ciLCJ4NXQiOiJzQWFWVEJKNmx1eFEwVU1ET1FKaDhBU29nMU0iLCJraWQiOiJTSUdOSU5HX0tFWSIsImFsZyI6IlJTMjU2In0.eyJ1c2VyX3R6IjoiQW1lcmljYVwvQ2hpY2FnbyIsInN1YiI6InZhaWJoYXYuaW5hbWRhckBvbWZ5c2dyb3VwLmNvbSIsInVzZXJfbG9jYWxlIjoiZW4iLCJpZHBfbmFtZSI6IlVzZXJOYW1lUGFzc3dvcmQiLCJ1c2VyLnRlbmFudC5uYW1lIjoiaWRjcy03Y2MyMWE1MTI4N2Y0YzYyOGU4MTE0MzI5YTMyMzU4NiIsIm9uQmVoYWxmT2ZVc2VyIjp0cnVlLCJpZHBfZ3VpZCI6IlVzZXJOYW1lUGFzc3dvcmQiLCJhbXIiOlsiVVNFUk5BTUVfUEFTU1dPUkQiXSwiaXNzIjoiaHR0cHM6XC9cL2lkZW50aXR5Lm9yYWNsZWNsb3VkLmNvbVwvIiwidXNlcl90ZW5hbnRuYW1lIjoiaWRjcy03Y2MyMWE1MTI4N2Y0YzYyOGU4MTE0MzI5YTMyMzU4NiIsImNsaWVudF9pZCI6InRva2VuR2VuZXJhdG9yIiwidXNlcl9pc0FkbWluIjp0cnVlLCJzdWJfdHlwZSI6InVzZXIiLCJzY29wZSI6InVybjpvcGM6aWRtOmcuaWRlbnRpdHlzb3VyY2V0ZW1wbGF0ZV9yIHVybjpvcGM6aWRtOnQuZ3JvdXBzLm1lbWJlcnMgdXJuOm9wYzppZG06dC5hcHAgdXJuOm9wYzppZG06dC51c2VyLmxvY2tlZHN0YXRlY2hhbmdlciB1cm46b3BjOmlkbTp0LmlkYnJpZGdlLmFkbWluIHVybjpvcGM6aWRtOnQudGVybXNvZnVzZSB1cm46b3BjOmlkbTp0LmlkY3NycHRzIHVybjpvcGM6aWRtOnQucmVxdWVzdHMgdXJuOm9wYzppZG06dC51c2VyLm1hbmFnZXIgdXJuOm9wYzppZG06dC5zZXNzaW9uIHVybjpvcGM6aWRtOnQuaGVscGRlc2suc2VjdXJpdHkgdXJuOm9wYzppZG06dC5zZWN1cml0eS5jbGllbnQgdXJuOm9wYzppZG06Zy5hcHB0ZW1wbGF0ZV9yIHVybjpvcGM6aWRtOnQuYnVsay51c2VyIHVybjpvcGM6aWRtOnQuZGlhZ25vc3RpY3NfciB1cm46b3BjOmlkbTp0LmlkYl9jb250YWluZXJzIHVybjpvcGM6aWRtOnQuaWRicmlkZ2UudXNlciB1cm46b3BjOmlkbTp0LnJhZGl1c3Byb3h5IHVybjpvcGM6aWRtOnQudXNlci5tZSB1cm46b3BjOmlkbTpnLmFsbF9yIHVybjpvcGM6aWRtOnQudXNlci5zZWN1cml0eSB1cm46b3BjOmlkbTp0LmF1ZGl0X3IgdXJuOm9wYzppZG06dC5qb2IuYXBwIHVybjpvcGM6aWRtOnQuc29taSB1cm46b3BjOmlkbTpnLnNoYXJlZGZpbGVzIHVybjpvcGM6aWRtOnQuaGVscGRlc2sudXNlciB1cm46b3BjOmlkbTp0LnJlcy5pbXBvcnRleHBvcnQgdXJuOm9wYzppZG06dC5qb2IuaWRlbnRpdHkgdXJuOm9wYzppZG06dC5jdXN0b21jbGFpbXMgdXJuOm9wYzppZG06dC5zYW1sIHVybjpvcGM6aWRtOnQubWZhIHVybjpvcGM6aWRtOnQuZGIuYWRtaW4gdXJuOm9wYzppZG06dC5zY2hlbWFzIHVybjpvcGM6aWRtOnQubWZhLnVzZXJhZG1pbiB1cm46b3BjOmlkbTp0LnVzZXIubWFuYWdlci5qb2IgdXJuOm9wYzppZG06dC5vYXV0aCB1cm46b3BjOmlkbTp0Lmdyb3VwcyB1cm46b3BjOmlkbTp0LmpvYi5pbXBvcnRleHBvcnQgdXJuOm9wYzppZG06dC5pZGJyaWRnZS51bm1hcHBlZC5pZGNzYXR0cmlidXRlcyB1cm46b3BjOmlkbTp0LmtyYi5hZG1pbiB1cm46b3BjOmlkbTp0Lm5hbWVkYXBwYWRtaW4gdXJuOm9wYzppZG06dC5ibGtycHRzIHVybjpvcGM6aWRtOnQuc2VsZnJlZ2lzdHJhdGlvbnByb2ZpbGUgdXJuOm9wYzppZG06dC51c2VyLmF1dGhlbnRpY2F0ZSB1cm46b3BjOmlkbTp0LmdyYW50cyB1cm46b3BjOmlkbTp0Lm9hdXRodG9rZW4gdXJuOm9wYzppZG06dC5hdXRoZW50aWNhdGlvbiB1cm46b3BjOmlkbTp0LmNvbnRhaW5lciB1cm46b3BjOmlkbTp0LmltYWdlcyB1cm46b3BjOmlkbTp0LmJ1bGsgdXJuOm9wYzppZG06dC5kZWxlZ2F0ZWQuZ3JvdXAubWVtYmVycyB1cm46b3BjOmlkbTp0LmpvYi5zZWFyY2ggdXJuOm9wYzppZG06dC5pZGJyaWRnZSB1cm46b3BjOmlkbTp0LnNldHRpbmdzIHVybjpvcGM6aWRtOnQudXNlci5tYW5hZ2VyLnNlY3VyaXR5IHVybjpvcGM6aWRtOnQuY2xvdWRnYXRlIHVybjpvcGM6aWRtOnQuaWRicmlkZ2Uuc291cmNlZXZlbnQgdXJuOm9wYzppZG06dC5wb2xpY3kgdXJuOm9wYzppZG06dC51c2VycyB1cm46b3BjOmlkbTp0LnJlcG9ydHMgdXJuOm9wYzppZG06dC5zZXNzaW9uLnJldm9rZSB1cm46b3BjOmlkbTpnLmlkY3NycHRzbWV0YV9yIiwiY2xpZW50X3RlbmFudG5hbWUiOiJpZGNzLW9yYWNsZSIsInVzZXJfbGFuZyI6ImVuIiwidXNlckFwcFJvbGVzIjpbIkF1dGhlbnRpY2F0ZWQiLCJHbG9iYWwgVmlld2VyIiwiSWRlbnRpdHkgRG9tYWluIEFkbWluaXN0cmF0b3IiXSwiZXhwIjoxNjE0NzU0ODczLCJpYXQiOjE2MTQ3NDg4NzMsImNsaWVudF9ndWlkIjoiYWIxZjI4OWIzMmQxNGM5NGE0ZDM0N2MzZjBhNjdhYmQiLCJjbGllbnRfbmFtZSI6InRva2VuR2VuZXJhdG9yIiwiaWRwX3R5cGUiOiJMT0NBTCIsInRlbmFudCI6ImlkY3MtN2NjMjFhNTEyODdmNGM2MjhlODExNDMyOWEzMjM1ODYiLCJqdGkiOiIxMWViN2JlMDQ1YzliNjcyYjFlNWExMDMxN2JmYjNlMiIsImd0cCI6Imp3dCIsInVzZXJfZGlzcGxheW5hbWUiOiJWYWliaGF2IEluYW1kYXIiLCJzdWJfbWFwcGluZ2F0dHIiOiJ1c2VyTmFtZSIsInByaW1UZW5hbnQiOnRydWUsInRva190eXBlIjoiQVQiLCJjYV9ndWlkIjoiY2FjY3QtYzE3MjYxMjNmM2NiNDMyNDkxNjkzZWIzMjg3MWNhYzYiLCJhdWQiOlsidXJuOm9wYzpsYmFhczpsb2dpY2FsZ3VpZD1pZGNzLTdjYzIxYTUxMjg3ZjRjNjI4ZTgxMTQzMjlhMzIzNTg2IiwiaHR0cHM6XC9cL2lkY3MtN2NjMjFhNTEyODdmNGM2MjhlODExNDMyOWEzMjM1ODYuaWRlbnRpdHkub3JhY2xlY2xvdWQuY29tIl0sInVzZXJfaWQiOiIwNmQ1NjczZjc4NDk0M2NiYWNjNmVmODJkNTE2OWY0OSIsImNsaWVudEFwcFJvbGVzIjpbIkF1dGhlbnRpY2F0ZWQgQ2xpZW50IiwiQ3Jvc3MgVGVuYW50Il0sInRlbmFudF9pc3MiOiJodHRwczpcL1wvaWRjcy03Y2MyMWE1MTI4N2Y0YzYyOGU4MTE0MzI5YTMyMzU4Ni5pZGVudGl0eS5vcmFjbGVjbG91ZC5jb206NDQzIn0.iokdqTlEpJvNpj920zMY_GoXETdH6qLqdPTntth4iAosdNMZLKMz8cOn-87QDEKYDTyvM3Wa7PwqPZnVlRi236uIrtzr2e6iPloEhzpD-oMWlyg6_8Je2EuhWyzJCITSX4AbcqhBk3Ef0mp6O0eiQK3bKZNtNVhshe2JMmNESMC0z8S9Ll5gKCDTxeyWZuN51sZTBst6uimQ7PCcSHSTK6TaHM014avs-EdFyC8-SwCQiST-268Z8cpywKFR76hRuNqyTXUF_X6Aqs06xafbHDFp7TPxsWJ4eefE1w0nyifNQRIrUpNoR3YAu38hJjEvHwUPcLOmI8folqpfpKS-lw"; requirejs(['jquery', 'knockout', 'obitech-application/application', 'jet-composites/oracle-dv/loader'], function($, ko, application) { application.setSecurityConfig("token", {tokenAuthFunction: function(){ return token; } }); ko.applyBindings(); } ); </script> </body> </html>
Tagged:
0