Twilio ClientをAngular 2で使用するには？

Question

Click To Call機能を実装する必要があるアプリを作成しています。だから私は使用している通信のためTwilioクライアントです。私はthis exampleを試しました。

ここで私はそれを私のAngular 2アプリケーションで同じものを実装する必要があります。どうすればインポートできますかTwilioクライアントはTypescriptでどのように使用できますか？

私は

import * as Twilio from 'twilio' 

ように私のコンポーネントでTwilioをインポートしようとしていますが、これは、それをインポートするには、正しい方法ではありません。

Answer 1

ここではTwilio Developerエバンジェリストです。現在、我々はTypeScriptバインディングを持っていないので、そのようなバンドルは機能しません。私はいくつかのバインディングに取り組んでいますが、その間にスクリプトタグを使ってデモアプリケーションのようにライブラリを組み込むことをお勧めします。

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

その後、あなたはそれについてTypeScriptに知らせる必要があります。このためには、現在declare constを使用している必要があります。残念ながら、これはバインディングが完了するまでTypeScriptの型チェックのきちんとしたものを与えるわけではありませんが、少なくともそれを使ってみましょう。

declare const Twilio: any; 

希望に役立ちます：ちょうどあなたがTwilioコードを消費することを計画しているファイルに次の行を追加します。

乾杯、 ドミニク

Answer 2

さて、あなたはNPM（https://www.npmjs.com/package/twilio-chat）からTwilioクライアントライブラリをインストールするとき、それはあなただけimport { Client, User } from "twilio-chat";を書くことができますので、その後、コンポーネントtwilioClient: ClientでClient変数を宣言して作成し、対応する型定義を持っていますそれ：あなたがそこから何かを使用したい場合は、のAccessManagerのように、あなたはこのようにこれを実行する必要があるので、

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

は、残念ながら、すべての変数がany標準を持つ、twilio-commonに関する一切d.tsはありませんE：

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

EDIT：残念ながら、何らかの理由で依存ファイルの「twilio-チャット」からd.tsモジュールを欠落しているために応答を取得し始めたので、それは、このlibにはまだTSで使用するための準備ができていないように見えます。 （。