@magic-ext/oidc
v11.11.0
Published
Magic OIDC SDK Extension for Web environments.
Downloads
17,791
Maintainers
Keywords
Readme
🔒 Magic Open Id Connect for Web Browsers
Magic Open Id Connect JavaScript SDK extension.
📖 Documentation
TODO once docs links are active.
🔗 Installation
Integrating your app with Magic will require our client-side NPM package and the OIDC extension:
# 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 <head>
:
<script src="https://cdn.jsdelivr.net/npm/magic-sdk/dist/magic.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@magic-ext/oidc/dist/extension.js"></script>
⚡️ 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:
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();