Network Performance Monitor
    Wondering what’s next for npm?Check out our public roadmap! »

    @ordercloud/angular-sdk-promises
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.1-29 • Public • Published

    OrderCloud.io's Angular SDK

    The official client library for building Angular (6.0.0+) solutions on OrderCloud.io's B2B ecommerce platform

    This SDK aims to greatly improve developer productivity and reduce errors by providing discoverable, strongly-typed wrappers for all public endpoints and request/response models.

    All included methods are a 1:1 reflection of the API with the addition of the OcAuthService for authentication and the OcTokenService exposed as a convenience service for setting and getting authentication tokens

    Acknowledgement

    This Angular SDK is made possible by leveraging Swagger's open source tools with our Open API Specification: https://api.ordercloud.io/v1/swagger

    Requirements

    Installation

    From the npm registry:

    npm install --save @ordercloud/angular-sdk
    

    Configuration

    In your root app module:

    import { OrderCloudModule, Configuration } from '@ordercloud/angular-sdk';
     
    @NgModule({
      declarations: [...],
      imports: [
        OrderCloudModule.forRoot(() => new Configuration({})),
         ...
      ],
      providers: [...]
      bootstrap[AppComponent]
    })
    export class AppModule {}

    Your First API Call

    Now that your app is configured you can authenticate and make your first api call!

    import { OcAuthService, OcTokenService, OcMeService } from '@ordercloud/angular-sdk';
     
    @Component({
      selector: '...',
      templateUrl: '...',
      styleUrls: ['...']
    })
     
    export class LoginComponent {
      constructor(
        private ocAuthService: OcAuthService,
        private ocTokenService: OcTokenService,
        private ocMeService: OcMeService
      ) { }
     
      login() {
        let username = 'myUsername';
        let password = 'myPassword123';
        let clientid = 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX';
        let scope = [ 'Shopper' ];
     
        // login as this user
        return this.ocAuthService.Login(username, password, clientid, scope).subscribe(
            authResponse => {
              
              // set the access token in the cookies, now any subsequent calls to the api
              // will automatically have this token set in the headers
              this.ocTokenService.SetAccess(authResponse.access_token);
     
              // make call to get that user's details
              this.ocMeService.Get().subscribe(
                currentUser => {
     
                  // because we set that user's token a ocMeService.Get will return details for that user
                  console.log(currentUser)
                }
              )
            }
          );
      }
    }

    Filtering

    All of the filtering options you love from the API are available through the SDK as well. Simply pass in a key/value pair to the filters object on list calls where the key is any top-level API model or a custom indexed xp value and the value is the value you'd like to filter on.

    Let's run through a couple scenarios and what the call will look like with the SDK:

    My products where xp.Featured is true

    return this.ocMeService.ListProducts({filters: {'xp.Featured': true})

    My orders submitted after April 20th, 2018

    return this.ocMeService.ListOrders( {filters: {DateSubmitted: '>2018-04-20'}})

    Users with the last name starting with Smith:

    return this.ocUserService('my-mock-buyerid', {filters: {LastName: 'Smith*'})

    Users with the last name starting with Smith or users with the last name ending with Jones

    return this.ocUserService('my-mock-buyerid', {filters: {LastName: 'Smith*|*Jones'}})

    My products where xp.Color is not red and not blue

    return this.ocProductService.List({filters: {'xp.Color': ['!red', '!blue']}});

    And of course you can mix and match filters to your heart's content.

    Impersonation

    Impersonation allows a seller user to make an api call on behalf of another user. The SDK enables this by exposing the As() method for each service.

    Assuming you are already authenticated and have the required ImpersonationConfigs set up for your organization, an impersonation call will look something like this:

    import { OcAuthService, OcTokenService, MeService } from '@ordercloud/angular-sdk';
     
    @Component({
      selector: '...',
      templateUrl: '...',
      styleUrls: ['...']
    })
     
    export class ImpersonationExample {
      constructor(
        private ocAuthService: OcAuthService,
        private ocTokenService: OcTokenService,
        private ocMeService: OcMeService
      ) { }
     
      impersonate() {
        const impersonationRequest = {
          ClientID: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', // clientid of the user to impersonate
          Roles: ['Shopper'] // roles you are requesting
        };
        this.ocUserService.GetAccessToken('examplebuyerid', 'exampleuserid', impersonationRequest)
          .subscribe(response => {
            // store impersonation token, any impersonation calls will now use this token
            this.ocTokenService.setImpersonation(response.access_token);
            this.ocMeService.As().Get()
              .subscribe(impersonatedUser => {
                console.log(impersonatedUser);
              });
     
          });
      }
    }

    Typed XP

    Many resources in the API support xp, or extendable properties, which let API consumers define their own properties. Typed xp is an opt-in feature of this SDK which allows strong typing on those consumer-defined properties.

    For example

    interface MyUserXpSchema {
      age: number;
      isHighRoller: boolean
    }
     
    var user: User<MyUserXpSchema> = userService.Get<MyUserXpSchema>(addressID);
     
    user.xp.age // strongly typed number
    user.xp.isHighRoller // strongly typed boolean

    Http Responses

    This SDK takes advantage of the version of the HTTP service introduced in Angular 4.3

    Every method can be configured with observe and reportProgress by setting their values in the options object. If omitted they will default to 'body' and false respectively.

    Getting Help

    The API reference should be your go to reference but if you get stuck or have some feedback about this SDK please drop us a line on our community slack channel or ask a question on StackOverflow just use the tag ordercloud.

    Contributing

    Because this SDK is generated with the help of the swagger codegen we can't accept PR's on this project directly (as they would simply get overwritten when regenerated) but please open an issue if you notice any bugs, typos, or have general feedback about the SDK. We really want to make this SDK a pleasure to use!

    Install

    npm i @ordercloud/angular-sdk-promises

    DownloadsWeekly Downloads

    0

    Version

    0.0.1-29

    License

    MIT

    Unpacked Size

    3.49 MB

    Total Files

    905

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar