如何在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？

回答

相關問題