🔒 Magic Open Id Connect for Web Browsers


> Magic Open Id Connect JavaScript SDK extension.

License ·
Changelog ·
Contributing Guide

📖 Documentation

TODO once docs links are active.

🔗 Installation

Integrating your app with Magic will require our client-side NPM package and the OIDC extension:

``bash


Via NPM:

npm install --save magic-sdk @magic-ext/oidc

Via Yarn:

yarn add magic-sdk @magic-ext/oidc
`

Alternatively, you can load via CDN with by adding a script tag to your app’s :

`html


`

⚡️ Quick Start

Sign up or log in to the developer dashboard to receive API keys that will allow your application to interact with Magic's APIs.

Request access to this feature sending the API key you want enabled to our customer support.

From your login page:

`ts
import Web3 from 'web3';
import { Magic } from 'magic-sdk';
import { OpenIdExtension } from '@magic-ext/oidc';

const magic = new Magic('YOUR_API_KEY', {
extensions: [new OpenIdExtension()],
network: 'mainnet', // 'mainnet' or 'testnet'
});

const DID = await magic.openid.loginWithOIDC({
jwt: myOpenIdJwt,
providerId: myProviderId,
});

const web3 = new Web3(magic.rpcProvider);
await web3.eth.getAccounts();
``