2016-06-30 4 views
0

아마존 AWS에서 생성 한 사용자 정의 클라이언트 API를 사용하는 Angular 2/Ionic2 애플리케이션을 개발 중입니다.Amazon AWS의 클라이언트 자바 스크립트를 Ionic 2/Angular 2 앱으로 가져 오는 방법은 무엇입니까?

이 api는 javascript와 다른 javascript 인 의존성으로 구성됩니다.

일반적으로 나는 html 내부의 스크립트 태그에 넣을 것입니다. 그러나 typescript를 사용하고 있습니다.

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를 이런 식으로 호출 할 필요가 서비스에

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

: 객체가있다 주요 자바 스크립트에서

이 방법을 declarated. 그것은 지퍼에 다운로드 한 API입니다.

응용 프로그램에서 어떻게 가져올 수 있습니까?

+0

SystemJS를 사용하여 모듈을로드하고 있다고 생각합니다. 아마도 시스템 js를 사용하여 js 파일을로드 할 수있는 방법을 살펴 보시겠습니까? :) – toskv

+0

"ionic start ionic2-tutorial-github blank --v2 --ts"를 통해 설치했습니다. 이 명령은 Starter Pack을 설치하고 SystemJS 기반으로 보이지 않습니다. 꿀꺽 꿀꺽 마시는 것 같아. – Natanael

답변

1

aws-sdk module from npm을 설치해야하며 입력해야합니다.

  1. npm install aws-sdk --save

  • typings install dt~aws-sdk --save --global
  • 사실 다를 수 있습니다 프로젝트의 lib 디렉토리를 사용하지만, importing 3rd party libs에 각-CLI의 가이드 방법을 보여주는에 (특정 섹션 특히 마지막 단계) 도움이 될 수 있습니다 끝났어.

    declare var apigClientFactory: any; 
    
    @Component({ 
    selector: '<selector>', 
    templateUrl: './<html>', 
    styleUrls: ['<css>'] 
    }) 
    
    export class <your class> { 
        constructor(){} 
    } 
    

    것은 당신이 웹팩을 사용하는 경우에는이 추가되지 않습니다주의하십시오 : 다음 구성 요소에 다음을 추가, 당신의 index.html을에 스크립트 태그를 추가, 최근에이 문제를 가지고

    +0

    OP는 API 게이트웨이에 대한 맞춤 SDK를 의미한다고 생각합니다. Angular2/Typescript와 함께 사용하는 유일한 방법은 현재 손으로 형식 정의를 만드는 것입니다. 또는 swagger-codegen을 사용하여 대체 SDK를 생성하십시오. 단, 공용 API에서만 작동합니다. – dinvlad

    +0

    @dinvlad 여러분의 의견은 해결책보다 더 나은 통찰력을 제공하기 때문에 대답보다 적합합니다. – filoxo

    1

    의존성.

    관련 문제