Webové chat SDK: Komplexní průvodce integrací digitálního chatu

Webové chat SDK umožňuje vytvářet vlastní digitální chatové aplikace nebo přidávat digitální chat do stávající webové aplikace. Umožňuje využívat digitální infrastrukturu NiCE CXone ve vámi zvoleném uživatelském rozhraní.

Co je webové chat SDK?

Mobilní aplikace SDK je skupina metod, funkcí a zdrojů, které pomáhají vývojářům vložit funkce chatu do jejich aplikace, ať už se jedná o webovou aplikaci, mobilní aplikaci nebo desktopovou aplikaci. Chat SDK poskytuje předpřipravené komponenty a balíčky (Boilerplate, příklady kódu, průvodce OAuth), které urychlují implementaci konverzačních zkušeností.

Webové chat SDK je založeno na JavaScriptu a podporuje LiveChat i Chat Messaging - synchronní i asynchronní zprávy. Můžete také nastavit jednovláknové nebo vícevláknové zasílání zpráv.

  • Jednovláknová aplikace: V jednovláknové aplikaci má každý kontakt jedno vlákno chatu, které zpracovává jakoukoli interakci, kterou má s vaší organizací.
  • Vícevláknová aplikace: Ve vícevláknové aplikaci mohou kontakty vytvářet tolik vláken, kolik chtějí, aby diskutovaly o nových tématech. Tato vlákna mohou být aktivní současně.

Příkladem může být situace, kdy váš web nemusí povolit externí kód, což by mohlo zabránit spuštění nativního digitálního chatu NiCE CXone. Toto SDK je napsáno v TypeScriptu 4.9+.

Důležité pojmy

  • Vlákno (Thread): Konverzace v rámci chatové aplikace. První zpráva odeslaná agentem nebo kontaktem zahajuje vlákno. Každá následující zpráva v konverzaci je přidána do vlákna. Vlákna jsou objekty, které obsahují každou zprávu. Zprávy jsou strukturovány autorem zprávy. ID vlákna identifikuje celou konverzaci a všechny zprávy v konverzaci mají ID zprávy. Vlákno končí, když konverzace skončí.
  • Kanál (Channel): V kontextu Digital Experience (DX) se kanál odkazuje na typ zasílání zpráv nebo platformu používanou pro komunikaci. Mobilní SDK umožňuje přidat kanál pro zasílání chatových zpráv do vaší mobilní aplikace. Kanál je vytvořen na platformě NiCE CXone. To určuje nastavení kanálu spolu s ID kanálu. Toto ID použijete k zahájení chatového kanálu, když uživatel aplikace otevře chat. ID digitálního chatového kanálu vytvořeného v sekci Digital v NiCE CXone. To je jako ID tenanta pro Digital Experience (DX). Používá se k inicializaci chatu.
  • Uživatel chatu (Chat End User): Jedinečné ID koncového uživatele chatu. SDK vytvoří toto ID při inicializaci chatu. Pokud máte nastavené OAuth, toto ID zůstává stejné pro každý kontakt napříč všemi jeho zařízeními.
  • Místo nasazení (Deployment Location): Místo na světě, kde je hostováno vaše nasazení NiCE CXone. Může to být: Austrálie (AU1), Kanada (CA1), Evropa (EU1), Japonsko (JP1), Severní Amerika (NA1), nebo Spojené království (UK1). Tyto termíny se všechny vztahují na koncového uživatele mobilní aplikace. Online nápověda obvykle používá termín kontakt.
  • NiCE CXone: Základní platforma, kde spravujete a přistupujete ke všem nástrojům pro zákaznickou zkušenost, které NiCE CXone nabízí.
  • Digitální sekce (Digital section): Sekce NiCE CXone, kde můžete spravovat vše o digitálních kanálech.

Zabezpečení webového chatu a Azure AI Bot Service

Když vytvoříte robota s Azure, kanál webového chatu se automaticky nakonfiguruje za vás. Kanál webového chatu obsahuje vše, co potřebujete k vložení ovládacího prvku webového chatu na webovou stránku. Pokud používáte ověřování Azure AI Bot Service s webovým chatem, je potřeba mít na paměti některé důležité aspekty zabezpečení.

Pomocí Direct Line (s rozšířeným ověřováním) můžete zmírnit rizika zabezpečení při připojování k robotovi pomocí ovládacího prvku webového chatu. V sekci Nastavení vyberte Kanály. Otevře se stránka webového chatu.

Vytvořte požadavek GET na adresu URL pro výměnu tokenů a předejte tajný kód webového chatu prostřednictvím hlavičky Authorization. Odpověď na vaši žádost GET bude obsahovat token (v uvozovkách), který lze použít k zahájení konverzace vykreslením ovládacího prvku Web Chat. Pomocí této možnosti se tajný klíč kanálu webového chatu zobrazí na webové stránce klienta. Klient musí poskytnout token pro komunikaci s robotem. Následující webová stránka klienta ukazuje, jak používat token s webovým chatem.

Na webové stránce pro hostování nepoužívejte klíč Direct Line v prostém dohledu.

Přizpůsobení ovládacího prvku webového chatu

Ovládací prvek Webový chat nabízí bohaté možnosti přizpůsobení: můžete měnit barvy, velikosti, umístění prvků, přidávat vlastní prvky a pracovat s webovou stránkou pro hostování.

Úplný seznam všech nastavení, která můžete v souboru upravit, najdete v StyleOptions.ts Webový chat. Tato nastavení vygenerují sadu stylů, což je sada pravidel CSS rozšířená o glamor. Pokud chcete upravit velikost kontejneru Webový chat, použijte sadu rootHeight stylů a rootWidth vlastnosti. Barvu pozadí a písma použitá v bublinách chatu můžete přizpůsobit stylu webové stránky hostujícího ovládací prvek Webový chat. Pomocí a userAvatarImage vlastností zadejte adresy URL obrázků pro robota a avatary uživatelů.

S nejnovější verzí Webový chat můžete také vykreslit aktivity nebo přílohy, které Webový chat nepodporují. Aktivity a přílohy se odesílají prostřednictvím přizpůsobitelného kanálu, který modeloval po middlewaru Redux. Pokud například chcete zobrazit balíček karet úložiště GitHub, můžete vytvořit novou komponentu React pro úložiště GitHub a přidat ji jako middleware. Pak vytvoříme middleware, který vykreslí novou komponentu React, když robot odešle přílohu typu application/vnd.microsoft.botframework.samples.github-repositoryobsahu.

Implementace SDK a API

Vaši vývojáři musí připojit vaši aplikaci k NiCE CXone, aby mohla začít komunikace tam a zpět. Tím se vytvoří připojení WebSocket. Vývojáři tak mohou učinit voláním await sdk.connect(). Nezapomeňte dát svým vývojářům pokyn, aby tak učinili pouze pro aktivní chatové konverzace.

V závislosti na tom, zda budete vkládat chatový widget do webové, mobilní nebo desktopové aplikace, budou existovat různé způsoby implementace chatu. Například, pokud procházíte webovou aplikaci, webové SDK by mělo vyhovovat, ale pokud jdete pro react native aplikaci nebo iOS aplikaci, pak by bylo vhodnější vyhrazené React Native Chat SDK nebo iOS Chat SDK.

Ne všichni poskytovatelé chatu nabízejí vyhrazené SDK, které se hodí k vašemu vývojovému prostředí, takže je důležité vybrat takové, které se dobře hodí. Pro Android budete muset přidat Crisp závislost a poté inicializovat ve vaší aplikační třídě. Pro iOS můžete použít CocoaPods k instalaci SDK a poté inicializovat SDK ve svém app delegátu.

Rozdíl mezi chatovým widget SDK a API

Chat API a chat SDK nabízejí různé úrovně personalizace a možností pro chatové a zprávové zážitky. API umožňují snadnou implementaci zpráv prostřednictvím back-endových volání, využívající úložiště dat třetích stran, zatímco SDK nabízejí sadu nástrojů pro front-end a personalizaci založenou na uživatelích, se zaměřením na vše, co souvisí s interakcemi založenými na zařízení.

Volba správného webového chat SDK

Moderní chat SDK nabízejí významné výhody oproti budování od nuly. Kromě poskytování komponent UI a API, tato SDK zpracovávají komplexní infrastrukturu potřebnou pro doručování zpráv v reálném čase, škálovatelnost a perzistenci. Ale jak si vybrat správné chat SDK pro váš projekt? Výběr špatného může mít několik negativních dopadů.

Rizika výběru špatného SDK

  1. Technické dluhy a složitost: Když SDK koliduje s vaším technologickým stackem nebo postrádá možnosti přizpůsobení, to, co začíná jako jednoduchá řešení, se může rozrůst v hlavní vývojovou režii.
  2. Problémy se škálovatelností a výkonem: Jak vaše uživatelská základna roste, nedostatečná infrastruktura může vést k degradaci výkonu, neočekávaným nárůstům nákladů a problémům s latencí v regionech.
  3. Zastarávání funkcí: SDK s omezenými investicemi do výzkumu a vývoje a nepravidelnými aktualizacemi se rychle stávají technickými závazky. Přidávání nových funkcí se stává stále složitějším a udržení konkurenceschopnosti vyžaduje více vlastní vývojové práce.
  4. Bezpečnostní rizika: Nedostatečná bezpečnostní opatření ve vaší chatové infrastruktuře mohou vystavit citlivou uživatelskou komunikaci a data.
  5. Omezené uživatelské zkušenosti: Chybějící základní chatové funkce, jako jsou indikátory psaní, podpora bohatých médií nebo reakce na zprávy, mohou způsobit, že vaše chatová zkušenost bude působit zastarale.
  6. Zvýšené provozní náklady: Bez správných nástrojů pro monitorování, ladění a škálování vašeho chatového systému mohou provozní náklady rychle eskalovat.

Správné chat SDK slouží jako kompletní komunikační infrastruktura, která zvládá vše od doručování v reálném čase po funkce pro zapojení uživatelů. To umožňuje vývojovým týmům soustředit se na budování jedinečných funkcí aplikace, spíše než na údržbu složitých systémů pro zasílání zpráv.

Klíčové parametry pro výběr chat SDK

Při výběru chat SDK pro vaši aplikaci určují tyto kritické parametry nejen váš počáteční úspěch, ale také vaši schopnost škálovat a udržovat přesvědčivou chatovou zkušenost.

  1. Vývojářská zkušenost: Implementace chat SDK by měla plynule ladit s vaším vývojovým workflow. Hledejte komplexní dokumentaci, interaktivní API reference a SDK specifické pro daný framework.
  2. Přizpůsobení UI: Moderní chat SDK by měly poskytovat UI sady, které vyvažují rychlý vývoj s úplnou flexibilitou přizpůsobení.
    • Přizpůsobení na úrovni komponent: Každá UI komponenta by měla být nezávisle přizpůsobitelná, a to jak vzhledem, tak funkcionalitou.
    • Moderní uživatelská zkušenost: Přednastavené UI komponenty by měly odpovídat propracovanosti a sofistikovanosti populárních zprávových platforem.
  3. Základní chatové funkce: Vaše chat SDK by mělo vynikat v základních funkcích pro zasílání zpráv. To zahrnuje spolehlivé doručování zpráv, správu konverzací a perzistenci zpráv. Kromě základního textového zasílání zpráv vyhodnoťte podporu pro sdílení bohatých médií, vlákna zpráv a vyhledávání v konverzacích. SDK by mělo zvládat okrajové případy, jako je úprava zpráv, mazání a fronty offline zpráv, aniž by vyžadovalo vlastní implementaci.
  4. Pokročilé funkce pro zapojení: Moderní uživatelé očekávají bohaté interaktivní funkce, které jdou nad rámec základního zasílání zpráv. Vaše SDK by mělo out-of-the-box podporovat reakce na zprávy, indikátory psaní, potvrzení o přečtení a indikátory přítomnosti uživatelů. Pokročilé funkce, jako je překlad zpráv, náhledy odkazů a vlastní typy zpráv, vám umožňují vytvářet jedinečné chatové zážitky přizpůsobené vašemu případu použití. Emojis & reakce - Uživatelé mohou vyjádřit své emoce a reakce pomocí široké škály emoji.
  5. Správa, moderování a analýzy: Budování úspěšné implementace chatu vyžaduje více než jen funkce pro zasílání zpráv. Jak vaše uživatelská základna roste, budete potřebovat sofistikované nástroje pro správu, moderování a optimalizaci chatové zkušenosti. Vícekanálová oznámení se stávají klíčovými pro udržení zapojení uživatelů. Moderování obsahu je zásadní pro udržení zdraví komunity ve velkém měřítku. Hledejte SDK nabízející filtrování obsahu pomocí AI, přizpůsobitelná pravidla moderování a automatickou detekci toxického obsahu. Analytické nástroje poskytují zásadní informace o chování uživatelů, pomáhají vám porozumět vzorcům zapojení, identifikovat úzká místa a optimalizovat chatovou zkušenost. Sledujte metriky, jako jsou objemy zpráv, časy špičkového využití a míra zapojení uživatelů, abyste mohli činit rozhodnutí o implementaci chatu založená na datech.
  6. Zabezpečení, škálovatelnost a shoda: Robustní chat SDK musí zajistit bezpečnou, škálovatelnou komunikaci při zachování shody s předpisy. Vaše chatová infrastruktura by měla zvládat vysoké objemy zpráv bez degradace výkonu. Hledejte distribuované architektury podporující automatické vyvažování zátěže a horizontální škálování. Šifrování end-to-end by mělo chránit zprávy v tranzitu i v klidu. Ověřování uživatelů, řízení přístupu na základě rolí a bezpečné ukládání dat jsou nezbytné pro ochranu citlivé komunikace. Geograficky distribuovaná síť edge serverů zajišťuje doručování zpráv s ultra nízkou latencí po celém světě.
  7. Ceny a celkové náklady na vlastnictví (TCO): Pochopení skutečných nákladů na chat SDK přesahuje základní cenové úrovně. Buďte opatrní na cenové modely s omezenými funkcemi, kde jsou základní funkce uzamčeny za prémiovými úrovněmi. Nákladově nejefektivnější SDK nabízejí komplexní sady funkcí ve svých základních plánech, včetně základního zasílání zpráv, nástrojů pro zapojení a základních možností moderování. Zatímco počet aktivních uživatelů za měsíc (MAU) zůstává standardní cenovou metrikou, vyhodnoťte, jak se náklady škálují s růstem. Hledejte slevy založené na objemu a flexibilní cenové úrovně, které odměňují škálování. Kritické funkce, jako jsou push notifikace, pokročilé moderování a analýzy, jsou často baleny jako prémiové doplňky. Vypočítejte celkové náklady včetně těchto základních služeb, abyste se vyhnuli překvapením. Zahrňte celkové náklady na vlastnictví, včetně vývojových zdrojů, doby integrace a veškerých požadovaných profesionálních služeb.

Přehled poskytovatelů chat SDK

Mezi četnými poskytovateli chat SDK dostupnými na trhu bylo vybráno šest předních možností pro toto hodnocení: CometChat, Sendbird, Stream, PubNub, Agora a Twilio. Tito poskytovatelé byli vybráni na základě jejich popularity, sad funkcí, technické infrastruktury a relevance pro moderní potřeby vývoje chatu.

CometChat

  • Historie: Od roku 2009 utváří CometChat vývoj chat SDK, neustále průkopnicky inovuje v oblasti vývojářské zkušenosti a chatových funkcí.
  • UI sady: UI sady CometChat nastavují průmyslový standard pro produktivitu vývojářů a flexibilitu přizpůsobení.
  • Moderování: Moderovací platforma CometChat kombinuje pravidly řízené enginy s filtrováním obsahu poháněným umělou inteligencí.
  • Ceny: Ceny CometChat jsou obvykle o 40 % nižší než u hlavních konkurentů, přičemž nabízejí komplexnější funkce v základních plánech.

Sendbird

  • Výzvy: Ačkoli je uznáván v podnikovém chatovém prostoru, SDK Sendbird představuje významné výzvy pro vývojové týmy.
  • UI sady: Jejich UI sady jsou základní a nepružné, často vyžadují značný vlastní vývoj k dosažení moderních zprávových zkušeností.
  • Ceny: Jejich ceny se stávají obzvláště prohibitivní při škálování, s náklady prudce rostoucími, jak se uživatelské základny zvětšují. Kromě toho prosazují limity využití na úložiště souborů a provoz nahrávání, čímž účinně penalizují podniky za rozšiřování jejich uživatelské základny a zvyšování zapojení na chatové platformě. Jak roste aktivita uživatelů, tyto měřené výdaje mohou rychle eskalovat, což vede k nepředvídatelným nákladům a pocitu nespravedlivého účtování za každou malou službu.

Stream

  • Investice: Stream investoval do vývojářské dokumentace a základní chatové funkcionality, ale zaostává v komplexních funkcích a hloubce přizpůsobení.
  • Oznámení: Jejich přístup ke kritickým funkcím, jako jsou push notifikace, vyžaduje značnou vývojářskou intervenci, spíše než poskytování hotových řešení.
  • Moderování AI: Ačkoli je jejich AI moderování k dispozici jako prémiová služba, postrádá sofistikované pravidlové enginy a možnosti přizpůsobení potřebné pro produkční nasazení.

PubNub

  • Architektura: Postavený na architektuře pub/sub, PubNub nabízí vysoce spolehlivou infrastrukturu pro zasílání zpráv v reálném čase.
  • Silné stránky: Jejich hlavní silou je globální doručování zpráv prostřednictvím rozsáhlé sítě datových center.
  • Vývoj: Platforma však vyžaduje více vlastního vývoje, protože funkce specifické pro chat a komponenty UI nejsou tak komplexní jako u účelových chat SDK.

Agora

  • Primární zaměření: Především známá pro video komunikaci, Agora vyniká v poskytování vysoce kvalitních video chatových zážitků s minimální latencí.
  • Chatové funkce: Ačkoli nabízejí chatové funkce, jsou sekundární k jejich video expertíze.

Twilio

  • CPaaS: Veterán v oblasti CPaaS (Communication Platform as a Service), Twilio nabízí chat jako součást své širší komunikační platformy.

Tabulka srovnání chat SDK poskytovatelů

Následující tabulka porovnává vybrané poskytovatele chat SDK na základě různých parametrů, hodnocených na stupnici od jedné do pěti hvězdiček (pět hvězdiček = nejvyšší výkon).

Parametr CometChat Sendbird Stream PubNub Agora Twilio
Vývojářská zkušenost ⭐⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐
Přizpůsobení UI ⭐⭐⭐⭐⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐
Základní chatové funkce ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐
Pokročilé funkce pro zapojení ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐
Správa, moderování a analýzy ⭐⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐ ⭐⭐ ⭐⭐ ⭐⭐⭐
Zabezpečení, škálovatelnost a shoda ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐
Ceny a celkové náklady na vlastnictví ⭐⭐⭐⭐⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐

tags: #webový #chat #SDK #informace

Oblíbené příspěvky: