मुख्य सामग्री पर जाएं
Dynamic एक ऐसा प्लेटफ़ॉर्म है जो Web3 एप्लिकेशन के लिए सहज authentication समाधान प्रदान करता है, बेहतर उपयोगकर्ता अनुभव और कार्यक्षमता के लिए स्मार्ट लॉगिन फ़्लो, आसान onboarding प्रक्रिया, और डेवलपर टूल्स ऑफ़र करता है। आप जिन EVM नेटवर्क्स को कॉन्फ़िगर करते हैं, उनके लिए RPC प्रदाता के रूप में Node RPC का उपयोग करें, और समर्थित मेथड्स के लिए JSON-RPC reference देखें।
1
EVM Networks परिभाषित करें
2
Node RPC RPC के साथ नेटवर्क्स कॉन्फ़िगरेशन की एक सूची बनाएं।
3
export function tenderlyEvmNetworks(){
  // Setting up list of evmNetworks
  return [
    {
      blockExplorerUrls: ['https://etherscan.io/'],
      chainId: 1,
      chainName: 'Ethereum Mainnet',
      iconUrls: ['https://app.dynamic.xyz/images/networks/eth.svg'],
      name: 'Ethereum',
      nativeCurrency: {
        decimals: 18,
        name: 'Ether',
        symbol: 'ETH',
      },
      networkId: 1,

      rpcUrls: [`https://mainnet.gateway.tenderly.co/${process.env.NEXT_PUBLIC_TENDERLY_NODE_ACCESS_KEY_MAINNET}`],
      vanityName: 'ETH Mainnet',
    },
  {
      blockExplorerUrls: ['https://basescan.org/'],
      chainId: 8453,
      chainName: 'Base',
      iconUrls: ['https://app.dynamic.xyz/images/networks/base.svg'],
      name: 'Base',
      nativeCurrency: {
        decimals: 18,
        name: 'Ether',
        symbol: 'ETH',
      },
      networkId: 8453,
      rpcUrls: [`https://base.gateway.tenderly.co/${process.env.NEXT_PUBLIC_TENDERLY_NODE_ACCESS_KEY_BASE}`],

      vanityName: 'Base',
    },
    {
      blockExplorerUrls: ['https://polygonscan.com/'],
      chainId: 137,
      chainName: 'Matic Mainnet',
      iconUrls: ["https://app.dynamic.xyz/images/networks/polygon.svg"],
      name: 'Polygon',
      nativeCurrency: {
        decimals: 18,
        name: 'MATIC',
        symbol: 'MATIC',
      },
      networkId: 137,
      rpcUrls: [`https://mainnet.gateway.tenderly.co/${process.env.NEXT_PUBLIC_TENDERLY_NODE_ACCESS_KEY_POLYGON}`],
      vanityName: 'Polygon',
    },
  ];
}
4
Dynamic Context Provider कॉन्फ़िगर करें
5
चरण 1 के evmNetworks के साथ एक DynamicContextProvider कॉन्फ़िगर करें।
6
import { DynamicContextProvider } from '@dynamic-labs/sdk-react-core'
import { EthereumWalletConnectors } from '@dynamic-labs/ethereum'
import { tenderlyEvmNetworks } from './tenderlyEvmNetworks'

export const App = () => {
  return (
    <DynamicContextProvider
      settings={{
        // Find your environment id at https://app.dynamic.xyz/dashboard/developer
        environmentId: "REPLACE-WITH-YOUR-ENVIRONMENT-ID",
        walletConnectors: [EthereumWalletConnectors],
        evmNetworks: tenderlyEvmNetworks()
      }}
    >
      <Home />
    </DynamicContextProvider>
  );
};