如何在Angular 2中使用Twilio Client？

我正在创建一个应用程序，在该应用程序中我需要实现点击呼叫设施。因此，对于我正在使用的通讯Twilio客户端。我试过this example。如何在Angular 2中使用Twilio Client？

现在我需要它，我需要在我的Angular 2应用程序中实现它。我如何在我的手稿中导入Twilio客户端以及如何使用它？

我试图导入Twilio在我的组件一样

import * as Twilio from 'twilio'

但这不是将其导入正确的方法。

来源

2016-11-08 The Dictator

Twilio Developer Evangelist here。现在我们没有任何TypeScript绑定，因此捆绑就不行。我正在研究一些绑定，但同时我会建议您使用脚本标记在演示应用程序中添加库。您可以使用我们的Twilio CDN：

<script type="text/javascript" src="//media.twiliocdn.com/sdk/js/client/v1.3/twilio.min.js"></script>

之后您必须让TypeScript知道它。为此，您目前必须使用declare const。不幸的是，这并不会给你任何TypeScript的类型检查的整洁，直到绑定完成，但它至少让你使用它。只需在您打算使用Twilio代码的文件中添加以下行：

declare const Twilio: any;

希望有所帮助。

干杯，多米尼克

来源

2016-11-08 16:01:34 dkundel

谢谢多米尼克现在的工作回应。 –

我正在寻找的一件事是应用程序调用功能。我没有得到任何解决方案。 –

嘿Ronak！查看Twilio客户端快速入门。这一个既适用于从客户端拨打真实的电话号码，也适用于其他客户端。 – dkundel

现在，当您从NPM（https://www.npmjs.com/package/twilio-chat）安装Twilio客户端库，它有相应的类型定义，这样你就可以只写import { Client, User } from "twilio-chat";，然后在您的组件twilioClient: Client声明Client变量和创建它：

Client.create(token).then(client => { 
     this.twilioClient = client 
});

不幸的是twilio，没有共同d.ts，所以如果你想使用的东西从它像AccessManager，你需要做到这一点像这样，在具有典型any所有变量E：

let AccessManager = require('twilio-common').AccessManager; 
let accessManager = new AccessManager(token);

编辑：不幸的是，由于某种原因开始变得反应在相关文件从“twilio聊天”失踪d.ts模块，所以它看起来像这样的lib是没有准备好与TS使用尚未：（。

来源

2018-02-21 10:12:08 MyUserName

如何在Angular 2中使用Twilio Client？

回答

相关问题