We use cookies to ensure you get the best experience on our website.

Securing AWS AppSync with Kinde

By Raihaan Raman — Published

Kinde is an OAuth2-compliant Identity Provider (IdP) and as such, any service or system that supports validating a JSON Web Token (JWT) can technically be used to authorize access with Kinde.

AWS AppSync is a serverless GraphQL service that allows users to expose a GraphQL compliant endpoint to various data sources in their AWS account.

Securing AppSync with Kinde

Link to this section

Getting the AppSync service to validate a JWT from Kinde is very simple. First, we setup the required configurations in the AppSync service, then we can get a token from Kinde and use it to call the AppSync endpoint.

  1. After you have created your API, click Settings in the left-hand menu.

  2. Under the Default authorization mode section, in the API-level drop-down, select OpenID Connect.

  3. Enter your Kinde business URL in the Issuer URL field, and leave all other values empty.

  4. At the bottom of the screen, click Save. Your AppSync endpoint is now expecting a valid JWT from Kinde before allowing the GraphQL queries to execute.

  5. If you use Infrastructure as Code, here’s a partial CloudFormation template snippet that you can use that will deploy the AppSync API endpoint, protected by Kinde.

    KindeProtectedApi:
        Type: AWS::AppSync::GraphQLApi
        Properties:
            AuthenticationType: OPENID_CONNECT
            Name: my-kinde-protected-api
            OpenIDConnectConfig:
                Issuer: https://mykindesubdomain.kinde.com
    
    KindeProtectedSchema:
        Type: AWS::AppSync::GraphQLSchema
        Properties:
            ApiId: !GetAtt KindeProtectedApi.ApiId
            Definition: |
    
                type Person {
                    id: String
                    title: String
                    first_name: String
                    last_name: String
                }
    
                type Queries {
                    mySuperQuery: Person
                }
    
                schema {
                    query: Queries
                }
    

Test the access

Link to this section

To test that the AppSync endpoint requires a valid token provided by Kinde, we must first log in and generate a token. We’ll use Postman to help, however, let’s configure a few things in Kinde first.

  1. In the Kinde admin portal, go to Settings > Applications. There’s a default application called Front-end app.

  2. Click View details on the Front-end app tile.

  3. In the Callback URLs section, ensure that the Allowed callback URLs include: https://oauth.pstmn.io/v1/callback

  4. Click Save.

  5. Go to Postman and click the Authorization tab. We need to configure the following fields.

  6. In left-hand panel, ensure Type is set to OAuth 2.0.

  7. In the right-hand panel, set the following:

    1. Set Grant Type to Authorization Code (With PKCE).

    2. Ensure the Authorize using browser checkbox is ticked.

    3. For the Auth URL, enter https://<mykindesubdomain>.kinde.com/oauth2/auth , replacing with your actual Kinde subdomain name. You can find this subdomain name in the front-end application.

    4. For the Access Token URL, enter https://<mykindesubdomain>.kinde.com/oauth2/token, replacing with your actual Kinde subdomain name. You can find this subdomain name in the front-end application.

    5. For the Client ID, enter the front-end application Client ID, which you can also find from the application settings in Kinde.

    6. For Scope, enter email offline openid profile (including the spaces)

    7. For State, enter a long random alphanumeric value, e.g. 18798basfe90unowf9w3naf9nafgsadf

  8. Once all the fields are completed, click Get New Access Token to get a new token. You will be presented with a screen similar to this:

  9. Copy the Access Token value, and navigate to the AppSync console in AWS.

  10. Click Queries in the left hand menu. You should see a screen similar to the below. If you leave the Authorization Token field blank, and click Run, you will get a failed request (with status code of 401).

  11. Paste the access token obtained from step 9 in the Authorization Token field, then press Run again. You should now see that the AppSync query was executed. Note that it will return no data, since we didn’t setup a data source.

  12. Now that you have a protected API, the next step is to setup a data source to back your AppSync query.

This will have hopefully given you an indication of how easy it is to use Kinde for your authorization needs. Protecting your AppSync APIs has never been simpler!