Amazon AWSのクライアントJavaScriptをIonic 2/Angular 2アプリにインポートする方法は？

私は、Amazon AWSによって生成されたカスタムクライアントAPIを使用して角度2/Ionic2アプリケーションを開発しています。Amazon AWSのクライアントJavaScriptをIonic 2/Angular 2アプリにインポートする方法は？

このAPIは、他のJavaScriptであるJavaScriptとその依存関係から成ります。

通常、私はちょうど、HTML内のスクリプトタグの中にそれを置くだろうが、私はtypescriptですを使用しています。メインJavaScriptで

オブジェクトがありますが、このようにdeclarated：

私はAPIをこのように呼び出す必要があるサービスで

var apigClientFactory = {}; 
apigClientFactory.newClient = function (config) { 
    var apigClient = { }; 
    if(config === undefined) { 
     config = { 
      accessKey: '', 
      secretKey: '', 
      sessionToken: '', 
      region: '', 
      apiKey: undefined, 
      defaultContentType: 'application/json', 
      defaultAcceptType: 'application/json' 
     }; 
    } 
...

：

var apigClient = apigClientFactory.newClient(); 

    var params = { 
     limit: 5 
    }; 


    var body = { 

    } 

    var additionalParams = { 

    } 

    var headers = { 

    } 



    var queryParams = { 

    } 

    apigClient.cadastroOptions (params, body, additionalParams).then(function(result){ 
     var json = JSON.parse(result.data); 

     console.log('Result', json); 

    }).catch('Sucesso', function(json){ 
     console.log('Falha: ', json) 
    });

これは、ノードモジュールはありません。それはジッパーでダウンロードされたAPIです。私は自分のアプリケーションでこれをインポートすることができる方法

？

出典

2016-06-30 Natanael

私はあなたのモジュールをロードするSystemJSを使用している推測しています。たぶん、システムjsを使ってjsファイルをロードする方法を見てみましょうか？ :) – toskv

"ionic start ionic2-tutorial-github blank --v2 --ts"でインストールしました。このコマンドは、スターターパックをインストールし、SystemJSに基づいていないようです。それはGulpに基づいているようです。 – Natanael

あなたはaws-sdk module from npmをインストールする必要があります、それはタイピングです。実際にプロジェクトでのlibを使用して

npm install aws-sdk --save
typings install dt~aws-sdk --save --global

異なる場合がありますが、importing 3rd party libsの角度-CLIのガイドは役に立つかもしれません（任意の断面の特に最後のステップ）様子でそれは終わった。

出典

2016-07-01 21:50:08 filoxo

OPはAPIゲートウェイのカスタムSDKを意味すると思います。 Angular2/Typescriptでこれを使用する唯一の方法は、現在手作業で型定義を作成することです。 swagger-codegenを使って別のSDKを生成することもできますが、それはパブリックAPIでのみ機能します。 – dinvlad

@dinvladあなたのコメントは、私の解決策よりも優れた洞察を提供するので、答えとしてより適しているようです。 – filoxo

私は、あなたのコンポーネントに以下を追加し、あなたのindex.htmlにスクリプトタグを追加し、最近、この問題を持っていた：

declare var apigClientFactory: any; 

@Component({ 
selector: '<selector>', 
templateUrl: './<html>', 
styleUrls: ['<css>'] 
}) 

export class <your class> { 
    constructor(){} 
}

あなたはWebPACKのを使用している場合しかし、これが追加されないことに注意してください依存関係。

出典

2017-04-18 09:37:58

Amazon AWSのクライアントJavaScriptをIonic 2/Angular 2アプリにインポートする方法は？

答えて

関連する問題