Jagamisviis:

Mobiilirakenduste jaoks reaalajas vestluse vidinate kohandamine

Sõnumite integreerimiseks oma mobiilirakendusse on teil kaks võimalust.

  • Kasutage iOS-i ja Androidi jaoks mobiilse tarkvara arenduskomplekte (SDK-sid)
  • Veebividina kasutamine WebView's

Soovitame tungivalt kasutada mobiilseid SDK-sid, kuna need pakuvad suurepärast funktsioonide tuge ja jõudlust.

Integreerimine Dynamics 365 Contact Centeri mobiilsete SDK-dega

Mobiilseid SDK-sid ja nende dokumentatsiooni majutatakse GitHubis:

SDK-d sisaldavad:

  • Näidisrakendus, mis aitab teil alustada
  • Konfigureeritav, valmissõnumsideliides
  • Sõnumite elutsükli funktsioonide täielik komplekt kohandatud sõnumside kasutajaliidese integreerimiseks, kui see soovitakse
  • Tõuketeatiste tugi Azure'i teavituskeskusega

Soovitame kasutada sõnumside SDK-dega autenditud püsivat vestlust. See pakub parimat kliendikogemust mobiilikasutusmustrite jaoks.

Märkus.

Valmisliides on visuaalselt kujundatud teie rakenduse koodi kaudu, mitte halduskeskuse kaudu.

Renderdage reaalajas vestluse vidin manustatud koodi abil

Kui mobiilsõnumside SDK-d ei vasta teie nõuetele või ajakavale, saate veebividina oma mobiilirakendusse manustada. Vestlusvidina koodi manustamisel on aga palju piiranguid, nagu vähenenud jõudlus, piiratud mobiilne kasutatavus ja kättesaamatud funktsioonid.

A WebView on manustatud brauser, mis võimaldab omarakendusel veebisisu kuvada. Kasutage WebView oma mobiilse operatsioonisüsteemi keele komponenti, et lubada vestlusvidina veebiversiooni renderdamine mobiilseadmetes. WebView võimalust pakutakse nii Androidis kui ka iOS-is.

Järgmine näidiskood renderdab vestluse vidinat mobiilirakenduses.

var html: String = """
        <html>
            <head>
                <meta http-equiv="no-cache">
                <meta http-equiv="Expires" content="-1">
                <meta http-equiv="Cache-Control" content="no-cache">
                <script 
                    type="text/javascript"
                    src = "Use src from widget code snippet"
                    id = Microsoft_Omnichannel_LCWidget
                    data-app-id = "Use data-app-Id from widget code snippet"
                    data-org-id = "Use data-org-Id from widget code snippet"
                    data-org-url = "Use data-org-url from widget code snippet"
                    data-render-mobile = "true"
                    data-hide-chat-button = "true"
                    data-color-override = "desired color code eg. #008577">
                </script>
            </head>
            <body>
            </body>
        </html>
    """.trimIndent()
    var baseUrl: String = "Get baseUrl from data-org-url eg. https://oc-cdn-ocprod.azureedge.net"
    chatWebView.loadDataWithBaseURL(baseUrl,html, "text/html", null, baseUrl)

Vestlusvidin kasutab oma oleku haldamiseks kohalikku salvestusruumi. Selleks, et vestlusvidin pääseks Androidi kohalikule salvestusruumile juurde, peate konfigureerima loa omakoodis.

chatWebView = findViewById(R.id.webview)
webSettings = webView.getSettings();
webSettings.setDomStorageEnabled(true);

Saate optimeerida vestlusvidina renderdamist mobiilse veebikogemuse jaoks, kasutades andmesilte (nt data-hide-chat-button ja ) data-render-mobilening mõningaid API-sid ja sündmusi, mida pakub reaalajas vestluse vidina kliendi SDK. Lisateave: Vestlusvidina kohandamine andmesiltide abil

Vestlusseansi avamiseks saate kutsuda meetodit startChat, kui on valitud nupp uus vestlus.

chatWebView.evaluateJavascript(
    "Microsoft.Omnichannel.LiveChatWidget.SDK.closeChat();",
    null
)

Andmesilti saate kasutada data-render-mobile reaalajas vestluse vidina renderdamise optimeerimiseks mobiilis. Näiteks peidab see vestlusvidina päise. Koos päisega kaob ka nupp Sule (X). Vestluse sulgemiseks peate looma mobiilirakenduses nupu "Lõpeta vestlus" ja helistama klikisündmusel meetodile closeChat .

chatWebView.evaluateJavascript(
    "Microsoft.Omnichannel.LiveChatWidget.SDK.closeChat();", null)

Eelnev kood hõlmab stsenaariumi, kus mobiilirakenduse kasutaja lõpetab vestluse. Kuid teises stsenaariumis, kus agent lõpetab vestluse, saate kuulata sündmust lcw:threadUpdate ja kutsuda meetodit closeChat , et lõpetada vestlus kliendi poolelt, nagu on näidatud järgmises koodis.

chatWebView.evaluateJavascript(
    "window.addEventListener(\"lcw:threadUpdate\", function(){Microsoft.Omnichannel.LiveChatWidget.SDK.closeChat();})", null)

Kui vestlus suletakse, käivitab reaalajas vestluse vidin sündmuse lcw:closeChat . Saate seda sündmust kuulata ja vajadusel teha vestlusjärgseid toiminguid.

Märkus.

Reaalajas vestluse vidinate funktsioone, nagu häälele ja videole eskaleerimine ning vestluse transkriptsiooni allalaadimine, ei toetata veebivaate kaudu.

Reaalajas vestluse SDK viide
Arendage kohandatud reaalajas vestluse vidinaid
startChat
closeChat
lcw:chatRetrieved
lcw:vestlusjärjekorras
Kohandage reaalajas vestluse vidinaid andmesiltide abil

  • Last updated on