OAuth Configuration

Define Your Auth Process

You will need to start by defining your auth process as being an oauth type of auth process. This is done by setting the AuthProcess.Identifier.AuthenticationType = AuthenticationType.OAuth.

import {
  AuthenticationType,
  AuthSpecification,
  OrderSourceAppMetadata,
} from "@shipengine/connect-order-source-api";
export const AuthProcess: AuthSpecification = {
  Identifier: {
    AuthenticationType: AuthenticationType.OAuth,
    IsSandbox: false,
  },
  ...
};
export const Metadata: OrderSourceAppMetadata = {
  // DO NOT CHANGE THIS ID AFTER PUBLISHING
  Id: "bcce593b-dce3-4491-8722-a56e653c173f",
  Name: "Example",
  AuthProcess,
  OrderSources: [Example],
};

PRO TIP

It is a helpful idea to give consumers of your application some details about the auth process they are going to initiate in the AccountConnection.ConnectionFormSchema.

export const ConnectionFormSchema: ReactForm = {
  JsonSchema: {
    title: "Example Merchant Center",
    description:
      'Follow these steps to get connected:<br><div class="instructions"><ol><li>To connect your Example Merchant Center to ShipStation, simply provide the Merchant ID (E.g. "123456789") you intend to use below.</li></ol></div>',
    type: "object",
    required: ["merchantId"],
    properties: {
      merchantId: {
        type: "string",
        title: "Merchant ID",
      },
      helpText: {
        type: "null",
        title: " ",
        description:
          '<div class="instructions"><ol><li value="2"> Click <b>Connect</b> to launch Example\'s consent screen, sign in with your associated Example account, then authorize ShipStation to retrieve your order information.</li></ol></div><br><i>In Example\'s <a href="https://merchants.Example.com/" target="_blank">Merchant Center</a>, find your merchant ID, which is the number at the top-right corner of the page, above the account email address.</i>',
      },
    },
  },
  UiSchema: {
    "ui:order": ["merchantId", "helpText"],
  },
};

The next step is to configure the rest of your AuthProcess to describe how the ShipEngine Connect platform will handle the oauth workflow. We currently support two flavors of oauth, more details can be found at the following links:

Publish

The next step will be to publish your application using the connect publish command.

Request An Installation

Contact a member of the ShipEngine Connect Team in order to establish a the platform installation
- Provide a ClientId & ClientSecret used for initiating the oauth workflow
Once the installation has been created you will recieve back a callback url

Test

You are ready to begin testing your OAuth workflow, login with the credentials provided to you during the connect publish step, and go initiate your connection workflow.

Examples

Integration	Auth Version	Details
eBay	OAuth 2	`custom installation properties`, `base64 encoding installation properties`
Google	OAuth 2	`uses result_token_response`
Trade Me	OAuth 1	`uses auth1 redirector`, `uses response transformation`