Okay, so I have been playing around with this and I got it working. If you want to use your webchat in a Fiori App, there is a distinction. For a Fiori App, the UI5 framework will inject views rendered from XML into index.html based on the controllers that those views are associated. This means one has to load the webchat script after the Fiori views are added otherwise the chatbot container will not appear in the app. This can be achieved by getting the webchat script in a deferred manner and modifying the index.html in the Fiori app like the following:
<head>
...
<!-- Application launch configuration -->
<script>
sap.ui.getCore().attachInit(function() {
new sap.m.App ({
pages : [
new sap.m.Page({
showHeader: false,
enableScrolling : false,
content : [
new sap.ui.core.ComponentContainer({
height : "100%", name : "myapp",
settings : {
id : "myapp"
}
})
]
})
]
}).placeAt("content");
});
</script>
</head>
<!-- UI Content -->
<body class="sapUiBody" role="application">
<!-- Application launch configuration -->
<div id="content" >
<script defer src="https://cdn.cai.tools.sap/webchat/webchat.js"
channelId="xxxx"
token="xxxx"
id="cai-webchat"
></script>
</div>
</body>
The keyword defer will load the webchat after the Fiori is done with rendering views.
Hope this helps.
Best,
Yigit
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.