65.9K
CodeProject 正在变化。 阅读更多。
Home

互联的消费者：如何在 10 分钟内为您的网站添加 WebRTC

Acision
starIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

1.00/5 (1投票)

2015 年 4 月 23 日

CPOL

4分钟阅读

viewsIcon

27350

在本教程中，您将了解如何在 10 分钟内使用 Acision 的 forge SDK 创建您的第一个视频聊天应用程序。

引言

移动应用程序目前为开发人员提供了最大的多渠道互动机会之一，因为用户在应用程序上注册会创建一个已登录的身份，该身份可以在各个接触点和物理位置进行衡量。

然而，不可否认的是，设备用户普遍喜欢交流，他们希望在他们订阅的所有渠道上接收到正确的内容——无论是通过平板电脑、移动桌面、社交媒体还是应用程序进行在线交流，他们都希望感到连接——有时还希望能够与他们的银行、客户服务代表或品牌进行聊天，而不仅仅是与朋友、家人和同事交流。

WebRTC：互联客户

WebRTC 是将一键式、实时、双向通信带入浏览器的最佳方式——无论是在 Web 上还是通过移动设备应用程序。客户可以在需要时通过视频、语音或聊天快速连接到联络中心代理，从而创造无缝的体验。重要的上下文信息会在客户和代理之间传递，使互动既高效又人性化。

Acision 的 forge 让这一切变得简单

无论您是想在网站或应用程序上添加双向视频聊天，还是简单的点击呼叫按钮，Acision 的 forge 都能让您轻松实现。Acision 的 forge 软件允许开发人员和企业轻松地将其丰富的通信功能集成到他们的应用程序中，包括聊天（短信和 IP 消息）、推送通知、群发消息、视频聊天、VOIP 呼叫以及使用数据通道进行富媒体文件传输。

在本教程中，您将了解如何使用 Acision 的 forge SDK 在 10 分钟内创建您的第一个视频聊天应用程序。如果您还没有账户来访问 SDK，您可以访问 forge 开发者门户 并分钟内创建一个。

教程

您会注意到 JavaScript 代码 js/app.js 中，我们为代码的每个部分都进行了编号以供您参考。下面我们将逐一介绍代码的各个部分，解释它们的工作原理以及它们如何协同帮助您使用 Acision Forge 平台构建第一个 WebRTC 应用程序。

您需要设置以下几个变量

  • 输入您在注册账户时收到的测试 API KEY。导航到 js/app.js 文件的第 20 行。
  • 在本教程中，我们使用硬编码的值来快速启动和运行。在您的 forge 账户中，您可以看到免费测试 API KEY 列出的位置，点击“查看用户账户”链接，即可显示您的测试用户名和密码。选择两个不同的用户名和密码，分别输入到 js/app.js 文件的第 28 和 29 行，以及第 33 和 34 行。

代码讲解

下面是对用于驱动该应用程序的 js/app.js 文件的概述。

  1. 第 11 行：定义平台变量
  2. 第 17 行：定义 Acision Forge 账户 API KEY
  3. 第 22 行：定义应用程序的两个用户凭证
  4. 第 37 行：通过检查查询字符串确定哪个用户已连接到平台
  5. 第 42 行：为应用程序定义本地用户
  6. 第 47 行：为应用程序定义远程用户
  7. 第 52 行：创建一个 Forge SDK 的新实例
  8. 第 66 行：成功连接到 Forge 平台后触发的 onConnected 事件
  9. 第 87 行：从 Forge 平台断开连接后触发的 onDisconnect 事件
  10. 第 117 行：身份验证失败时的 onAuthFailure 事件
  11. 第 130 行：在 Forge 平台成功连接后启动视频聊天
  12. 第 163 行：接收来自远程用户的来电
  13. 第 194 行：接受来自远程用户的来电
  14. 第 229 行：来电成功连接后触发的 onCallConnect 事件
  15. 第 242 行：电话被用户操作或网络终止后触发的 onCallClose 事件
  16. 第 261 行：手动从 Forge SDK 断开连接

连接远程用户

在此演示中，您将使用硬编码的变量来连接应用程序中的两个用户。请注意，这不推荐用于生产应用程序。Acision 的 forge 平台提供了许多 OAuth 连接，包括 GitHub、LinkedIn、Facebook 和 Google，此外还允许您使用自定义 OAuth 2.0 身份验证。

您可以使用以下任一方式连接到这两个用户：

用户一

  • http://example.com
  • http://example.com?q=1

用户二

  • http://example.com?q=2

此示例假定您将应用程序上传到您的根域或本地主机。

视频：forge SDK 教程：Web 的简单身份验证

结论

WebRTC 可以为任何面向客户的业务带来的承诺非常清晰。它旨在释放创造力，开启一个“民主化”通信的新时代，应用程序开发人员将处于最前沿。它使数字人性化。

通过发起更个性化、双向的互动，公司将发现他们拥有更多忠诚且参与度更高的客户，这些客户与公司的产品和服务更紧密地集成，从而转化为卓越的品牌忠诚度、积极的评价，以及最重要的——可衡量的销售额和收入增长。

© . All rights reserved.