Package Exports
- @magic-ext/connect
Readme
🔒 Magic Connect Extension for Web Browsers and React Native Apps
Magic Connect JavaScript SDK extension.
License · Changelog · Contributing Guide
📖 Documentation
See the developer documentation to learn how to get started with Connect in Magic SDK.
🔗 Installation
Integrating your app with Magic will require our client-side NPM package and the Connect extension:
Web Browser:
# Via NPM:
npm install --save magic-sdk @magic-ext/connect
# Via Yarn:
yarn add magic-sdk @magic-ext/connectAlternatively, 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/connect/dist/extension.js"></script>Bare React Native:
# Via NPM:
npm install --save @magic-sdk/react-native-bare @magic-ext/connect
# Via Yarn:
yarn add @magic-sdk/react-native-bare @magic-ext/connectExpo React Native:
# Via NPM:
npm install --save @magic-sdk/react-native-expo @magic-ext/connect
# Via Yarn:
yarn add @magic-sdk/react-native-expo @magic-ext/connect⚡️ 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.
From your login page:
import Web3 from 'web3';
import { Magic } from 'magic-sdk'; // web browsers
import { Magic } from '@magic-sdk/react-native-bare'; // Bare React Native
import { Magic } from '@magic-sdk/react-native-expo'; // Expo React Native
import { ConnectExtension } from '@magic-ext/connect';
const magic = new Magic('YOUR_API_KEY', {
extensions: [new ConnectExtension()],
network: 'mainnet' // 'mainnet' or 'testnet'
});
const web3 = new Web3(magic.rpcProvider);
await web3.eth.getAccounts();