Primeros pasos con Web SDK
Aprenda cómo comenzar con Web SDK instalando los paquetes necesarios y utilizando los conectores de wagmi para usar un Embedded Wallet o un Native EOA Wallet para autenticación.
Configurando su Dapp
Para utilizar el wrapper SequenceConnect
y conectar wallets web3 a su aplicación, siga estos pasos:
Web SDK está construido sobre wagmi, así que para configuraciones avanzadas, envío de transacciones, llamadas a contratos, etc., consulte la documentación de wagmi.
Instale las dependencias de Web SDK
Crear una configuración
A continuación, deberá crear una variable de configuración para SequenceConnect
como waas
(es decir, un Embedded Wallet).
Primero obtenga una WaaS Config Key desde Sequence Builder y una clave de acceso al proyecto, luego asegúrese de que el origen de su proyecto esté en la lista blanca en la Configuración de Embedded Wallet en Builder. Si desea permitir WalletConnect también necesitará un Wallet Connect ID. Para configurar el inicio de sesión con Google, siga la Configuración de Google para Embedded Wallet.
Para personalizar aún más, puede ver parámetros de configuración adicionales.
Configurar el componente Provider
La configuración que creamos en el paso 3 debe pasarse a los providers a continuación en el main.tsx
.
Disparar el modal de conexión
Para interacciones web3, wagmi expone un conjunto de hooks de React que facilitan funciones comunes como el envío de transacciones.
Instale las dependencias de Web SDK
Crear una configuración
A continuación, deberá crear una variable de configuración para SequenceConnect
como waas
(es decir, un Embedded Wallet).
Primero obtenga una WaaS Config Key desde Sequence Builder y una clave de acceso al proyecto, luego asegúrese de que el origen de su proyecto esté en la lista blanca en la Configuración de Embedded Wallet en Builder. Si desea permitir WalletConnect también necesitará un Wallet Connect ID. Para configurar el inicio de sesión con Google, siga la Configuración de Google para Embedded Wallet.
Para personalizar aún más, puede ver parámetros de configuración adicionales.
Configurar el componente Provider
La configuración que creamos en el paso 3 debe pasarse a los providers a continuación en el main.tsx
.
Disparar el modal de conexión
Para interacciones web3, wagmi expone un conjunto de hooks de React que facilitan funciones comunes como el envío de transacciones.
Cree un proyecto NextJS
Comenzaremos creando un proyecto de NextJS con create-next-app:
Instale las dependencias de Web SDK
Crear una configuración
A continuación, deberá crear una variable de configuración para SequenceConnect
como waas
(es decir, un Embedded Wallet).
Primero obtenga una WaaS Config Key desde Sequence Builder y una clave de acceso al proyecto, luego asegúrese de que el origen de su proyecto esté en la lista blanca en la Configuración de Embedded Wallet en Builder. Si desea permitir WalletConnect también necesitará un Wallet Connect ID. Para configurar el inicio de sesión con Google, siga la Configuración de Google para Embedded Wallet.
Para personalizar aún más, puede ver parámetros de configuración adicionales.
Configurar el componente Provider
La configuración que creamos en el paso 3 debe pasarse al provider de SequenceConnect.
Cree un archivo separado “providers.tsx” para envolver su aplicación en el componente Providers.
Envuelva su app en Providers
Envuelva su app en el componente Providers.
Disparar el modal de conexión
Para interacciones web3, wagmi expone un conjunto de hooks de React que facilitan funciones comunes como el envío de transacciones.