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.9
Code 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/vaibhav.inamdar@omfysgroup.com/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>
