Developing Chrome Extensions With AWS Amplify Authentication | by Ken Miyashita | Jan, 2022

Build amazing Chrome extensions

Ken Miyashita

Folder structure

Webpack configuration for Chrome extensions with react

Managing security tokens for AWS authentication

Overview

Setup

$ git clone https://gitlab.com/kmiyashita/chrome-extension-amplify-auth.git
$ cd chrome-extension-amplify-auth
$ yarn
$ cd packages/amplify-shared
$ amplify init
? Choose your default editor: Visual Studio Code
? Select the authentication method you want to use: AWS profile
? Please choose the profile you want to use: default
$ amplify push

Run Chrome Extension

$ yarn build

Run Portal Site

$ yarn start-web
Amplify.configure({
...awsExports,
Auth: {storage: SharedAuthStorage}
});

Leave a Comment