介绍 Livehelp100 实时聊天移动 SDK

Livehelp100 Live Chat 附带一个移动 SDK，允许您将 Live Chat 集成到您自己的移动应用程序中。 这允许您在您的应用程序中放置一个聊天按钮。 一旦您的访问者点击按钮，他们将被重定向到您的聊天窗口，在那里他们可以与您的实时聊天代理聊天。 这为您提供了一种快速简便的方法来与您应用程序的用户建立更多联系方式，并帮助您在桌面和移动网站上聊天反映体验。

入门

将实时聊天带入您的应用程序很简单，只需几行代码。 以下是如何使用 SDK 将 Livehelp100 Live Chat 与您的应用程序集成的示例。

如屏幕截图所示，此应用程序是一家在线童装店。 您可以在导航栏中放置一个按钮，这样当您的客户在浏览衣服时需要帮助时，他们可以点击“ 立即聊天” 按钮以获得即时帮助。

一旦您的用户点击“ 立即聊天” 按钮，他们就会被定向到聊天窗口。 用户还可以点击 返回 按钮返回上一屏幕以查看衣服。 当他们这样做时，聊天将保持连接和完整。 在这种情况下，他们可以重新选择“立即聊天”以继续聊天对话。

实时聊天移动 SDK 示例文件 

我们通过 Github 托管适用于 iOS 和 Android 的示例实时聊天移动 SDK。 请 点击此处 查看和下载示例文件。

在 iOS 设备中使用 Live Chat Mobile SDK 的步骤 

  1. 将 VisitorClient.framework 导入您的 iOS 项目。
  2. 设置对聊天按钮触摸事件的响应。 您可以使用实时聊天窗口的 URL 来初始化一个 VisitorClientController 实例，然后将聊天窗口推送到移动屏幕的顶部。

这是示例代码供您参考。 请记住，您需要将您帐户中 JavaScript 实时聊天代码中的siteId 和 planId替换成您自己的站点 ID 和 聊天组件/代码计划 ID。 此外，实时聊天服务器要替换正确的服务器。

注意： 如果您不确定您的聊天 URL， 请通过实时聊天与我们联系。

 

在 Android 设备中使用 Live Chat Mobile SDK 的步骤 

  1. 将 visitor-client-v1.0.aar导入您的Android 项目。
  2. 当访问者单击您的聊天按钮时，您应该 调用该按钮的实例方法 setOnClickListener 使用以下代码 以显示 ChatActivity 。 您需要提供您的 siteId 、 planId 和 chatServer 地址，这些 可以在您的帐户中找到。

在上面的示例中， siteId 是您帐户独特的 站点 ID， planId 是活动/代码计划 ID。

注意：  您可以联系我们 获取聊天服务器地址。

  • 在 iOS 中，我们使用 WKWebView 来加载聊天窗口。
  • 在 Android 中，我们使用 WebView 来加载聊天窗口。 此外，您的 WebView 必须能支持 JavaScript、cookies 等。

作为 Livehelp100 Live Chat Mobile SDK 的替代方案，您还可以通过以下方式在您自己的 App 中实现实时聊天：

  • 使用 WKWebView/WebView 在 APP 中加载您的聊天窗口。
  • 调用浏览器打开聊天窗口。