Darian | 2019-03-28 19:19:56 UTC | #1
Hello All,
I'm hoping you can help me out. We have written an application that uses the Embedded Framework. We followed the instructions and created a framework.js file to embed the chat pages within our application. It works fine locally but when we deploy it to our test server and run, we get the following:
Can anyone help us out on how to properly deploy to a test and prod server?
Our iFrame code snippet and framework.js are as follow:
<iframe allow="camera ; microphone ; autoplay *" frameborder="0" scrolling="no" class="col-md-12 p-n" src="https://apps.mypurecloud.com/crm/index.html?crm=framework-local-secure>"></iframe>
framework.js (real app name changed):
window.Framework = { config: { name: "fakeappname", clientIds: { "mypurecloud.com": "3d853a44-a126-42fb-ad37-3d880df28121" }, settings: { embedWebRTCByDefault: false, hideWebRTCPopUpOption: false, enableCallLogs: false, hideCallLogSubject: false, hideCallLogContact: false, hideCallLogRelation: true, enableTransferContext: true, dedicatedLoginWindow: false, embedInteractionWindow: true, searchTargets: ["people", "queues", "frameworkContacts"], sso: { provider: "", orgName: "" }, display: { interactionDetails: { call: [ "framework.DisplayAddress", "call.Ani", "call.ConversationId" ] } } }, customInteractionAttributes: ["exampleURLPop", "exampleSearchValue"], getUserLanguage: function (callback) { callback("en-US"); } }, crmDomain: null, initialSetup: function () { console.log("================= PURECLOUD EMBEDDABLE SETUP ============"); crmDomain = new URLSearchParams(window.location.search).get('crmdomain'); console.log("crmdomain : ", decodeURI(crmDomain)); if (!crmDomain) { console.warn("========== crm_domain parameter is null ================="); return; } }, screenPop: function (searchString, interaction) { window.parent.postMessage(JSON.stringify({type:"screenPop", data:{searchString:searchString, interactionId:interaction}}) , this.crmDomain); // Use your CRM vendor's API to perform screen pop. //alert(123); }, processCallLog: function (callLog, interaction, eventName, onSuccess, onFailure) { // Use your CRM vendor's API to provide call log information. onSuccess({ id: externalCallLog.id }); }, openCallLog: function (callLog) { }, contactSearch: function (searchValue, onSuccess, onFailure) { } };
Thanks, Darian
tim.smith | 2019-03-28 22:08:51 UTC | #2
Deploying the framework.js file requires Genesys involvement. I'll start an email thread with you.
system | 2019-04-28 22:23:39 UTC | #3
This topic was automatically closed 31 days after the last reply. New replies are no longer allowed.
This post was migrated from the old Developer Forum.
ref: 4888