Exploring the aws-sdk documentation on NPM (https://www.npmjs.com/package/aws-sdk)

Using TypeScript Effortlessly

The AWS SDK for JavaScript comes equipped with TypeScript definition files that are tailor-made for TypeScript projects and to facilitate compatibility with tools capable of parsing .d.ts files. Our commitment is to continuously update these TypeScript definition files alongside each release for any public api.

Essential Requirements Before integrating these TypeScript definitions into your project, ensure that your project fulfills these prerequisites:

Employ TypeScript v2.x
Comes inclusive of the TypeScript definitions for node. You can incorporate this by utilizing npm and entering the following command in a terminal window:

npm install --save-dev @types/node

Your tsconfig.json or jsconfig.json should encompass 'dom' and 'es2015.promise' under compilerOptions.lib. Refer to tsconfig.json for guidance.

In Browser Deployment
To leverage the TypeScript definition files with the global AWS object within a front-end project, insert the subsequent line at the beginning of your JavaScript or Typescript file where you intend to apply it or include it in your tsconfig 'types' or Declarations file:

/// <reference types="aws-sdk" /> 

This will extend support to the global AWS object.

Prior Response
My discovery was that if I incorporated

{ src: 'aws-sdk/dist/aws-sdk', inject: 'libs' } 

within the additional_deps section of the project.config.ts (if you're using angular2-seed) or directly added

<script src="/node_modules/aws-sdk/dist/aws-sdk.js"></script>

to your index.html Subsequently, I could append

declare const AWS: any;

To any of the .ts files requiring it, thus granting access to the AWS object. Although uncertain about its effectiveness as a solution.

1) To ensure proper functionality, please make sure to update the /src/polyfills.ts file by including the following code:

// Global variable required for aws-sdk
(window as any).global = window;

2) Next, modify the compilerOptions object in the /src/tsconfig.app.json file with the following setting:

"types": ["node"]

3) Install the AWS SDK by running the command:

npm install aws-sdk

4) You can now utilize the AWS SDK in your TypeScript (*.ts) file as shown below:

    import * as AWS from 'aws-sdk';
    ...
    export class YourComponent implements OnInit {
      constructor() { }

      ngOnInit() {
      }

      doSomethingWithAwsSdk(){
         AWS.config.credentials = new AWS.Credentials(accessKeyId, secretAccessKey, sessionToken);
         AWS.config.region = region;
         // Perform actions using AWS SDK
      }
     ...
    }

5) It is advised not to hard code your credentials. Refer to Setting Credentials in a Web Browser for detailed instructions on how to manage credentials securely. Thank you.

Attempting to integrate aws-sdk with an Angular 2 project (generated using angular cli) proved challenging for me as I couldn't load the libraries correctly in the browser.

Following the guidelines from the Angular documentation, I attempted to import the AWS libraries (https://github.com/angular/angular-cli/wiki/3rd-party-libs#adding-underscore-library-to-your-project).

Here's what it looked like:

1. Update package.json to fetch JS file from NPM and save it locally

{
      ...
      "dependencies": {
        "aws-sdk": "git://github.com/aws/aws-sdk-js.git#support/typescript"
      },
      ...
}

2. Modify angluar-cli-build.js to include copying AWS JS files to the vendor folder during the build process

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...
      'aws-sdk/**/*.js'
    ]
  });
};   

3. Edit the mapping section in system-config.ts to link the namespace to the destination file

const map: any = {
  'aws-sdk': 'vendor/aws-sdk/dist/aws-sdk.js'
};

When trying to import the AWS libs in my TypeScript file, I encountered issues.

...
import * as AWS from 'aws-sdk';
...

@Injectable()
export class MyService { 

    public myMethod() { 
        var s3 = new AWS.S3();
        ...
        ...
        ...

The TypeScript compiler seemed fine, the source file loaded in the browser, but I kept getting an error stating that "S3 is not a constructor."

Upon debugging, I discovered that after executing "import * as AWS from 'aws-sdk'", the variable AWS was populated with an unexpected object.

My workaround:

1. Update package.json to fetch the JS file from NPM and store it locally

{
      ...
      "dependencies": {
        "aws-sdk": "git://github.com/aws/aws-sdk-js.git#support/typescript"
      },
      ...
}

2. Adjust angluar-cli-build.js to copy AWS JS files to the vendor folder of dist during the build process

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...
      'aws-sdk/**/*.js'
    ]
  });
}; 

3. Add script import to index.html

<script src="/vendor/aws-sdk/dist/aws-sdk.js" type="text/javascript"></script>

4. Utilize it in your service

// declare AWS as 'any' to assist the TypeScript compiler
declare var AWS:any;

@Injectable()
export class MyService { 

    public myMethod() { 
        var s3= new AWS.S3();
        ...
        ...
        ...

This approach combines Angular 2's build process and NPM package management while avoiding the use of AWS TypeScript type definitions.