如何导入亚马逊AWS'；将客户端javascript添加到我的Ionic 2/Angular 2应用程序中？_Javascript_Import_Typescript_Angular_Ionic2

如何导入亚马逊AWS'；将客户端javascript添加到我的Ionic 2/Angular 2应用程序中？

javascript import typescript angular ionic2

如何导入亚马逊AWS'；将客户端javascript添加到我的Ionic 2/Angular 2应用程序中？,javascript,import,typescript,angular,ionic2,Javascript,Import,Typescript,Angular,Ionic2,我正在开发Angular 2/Ionic2应用程序，它使用Amazon AWS生成的自定义客户端api 此api由javascript及其依赖项（即其他javascript）组成通常我会把它放在html中的一个脚本标记中，但我使用的是typescript 在主javascript中，有一个对象是这样声明的： var apigClientFactory = {}; apigClientFactory.newClient = function (config) { var apigClie

我正在开发Angular 2/Ionic2应用程序，它使用Amazon AWS生成的自定义客户端api

此api由javascript及其依赖项（即其他javascript）组成

通常我会把它放在html中的一个脚本标记中，但我使用的是typescript

在主javascript中，有一个对象是这样声明的：

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：

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)
    });

它不是一个节点模块。这是一个在zip中下载的api

如何在我的应用程序中导入此内容？

您需要安装及其打字

npm安装aws sdk——保存

typings安装dt~aws sdk--save--global

实际上，在您的项目中使用lib可能会有所不同，但是angular cli的指南（特别是任何给定部分的最后一步）可能有助于说明如何实现这一点

您需要安装及其打字

npm安装aws sdk——保存

typings安装dt~aws sdk--save--global

实际上，在您的项目中使用lib可能会有所不同，但是angular cli的指南（特别是任何给定部分的最后一步）可能有助于说明如何实现这一点

我最近遇到了这个问题，请将脚本标记添加到index.html中，然后在组件中添加以下内容：

declare var apigClientFactory: any;

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

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

声明变量apigClientFactory:any；
@组成部分({
选择器：“”，
templateUrl:“./”，
样式URL:['']
})
出口类{
构造函数（）{}
}

请注意，如果您正在使用webpack，则不会将其添加到依赖项中。

我最近遇到此问题，请将脚本标记添加到index.html中，然后在组件中添加以下内容：

declare var apigClientFactory: any;

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

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

声明变量apigClientFactory:any；
@组成部分({
选择器：“”，
templateUrl:“./”，
样式URL:['']
})
出口类{
构造函数（）{}
}

请注意，如果您正在使用webpack，则不会将其添加到依赖项中。

我猜您正在使用SystemJS加载模块。也许可以看看如何使用system js加载js文件：）我通过“ionic start ionic2教程github blank--v2--ts”安装了它。此命令安装启动包，并且似乎不基于SystemJS。它似乎基于Gulp。我猜您正在使用SystemJS加载模块。也许可以看看如何使用system js加载js文件：）我通过“ionic start ionic2教程github blank--v2--ts”安装了它。此命令安装启动包，并且似乎不基于SystemJS。它似乎是基于Gulp的，我认为OP是指API网关的定制SDK。目前，将其用于Angular2/Typescript的唯一方法似乎是手动创建类型定义。或者使用swagger codegen生成另一个SDK，尽管这只适用于公共API。@dinvlad您的评论似乎更适合作为答案，因为它比我的更能深入了解解决方案。我认为OP是指API网关的自定义SDK。目前，将其用于Angular2/Typescript的唯一方法似乎是手动创建类型定义。或者使用swagger codegen生成另一个SDK，尽管这只适用于公共API。@dinvlad您的评论似乎更适合作为答案，因为它比我的更能深入了解解决方案。