Integrar por framework

1

Clonar repositorio inicial

Ejecute lo siguiente en su terminal para clonar el repositorio inicial.

npx sequence-cli boilerplates create-embedded-wallet-react-starter
2

Conectar y autenticar

Abra su navegador y vaya a http://localhost:4444. Haga clic en Connect para iniciar el proceso de autenticación.

¡Ahora puede probar la Embedded wallet con el boilerplate! Ahora, configure su propio proyecto.

3

Configure su proyecto

Vaya a la configuración de embedded wallet para su proyecto en Builder. Ingrese la dirección de su wallet de recuperación y establezca una contraseña, luego haga clic en Create Configuration. Tenga en cuenta que esta configuración no podrá modificarse más adelante.

4

Actualizar variables de entorno

Vaya al directorio clonado y copie y pegue esta configuración en el archivo .env reemplazando la configuración existente.

Asegúrese de actualizar PROJECT_ACCESS_KEY y WAAS_CONFIG_KEY con las nuevas claves que encontrará en la página de integración.

# Update with your project access key

VITE_PROJECT_ACCESS_KEY="AQAAAAAAAKJcPk5v95BJE-Q7GwdlY9hPuAM"

# Update with your WAAS_CONFIG_KEY

VITE_WAAS_CONFIG_KEY="eyJwcm9qZWN0SWQiOjQxNTY0LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0="

VITE_GOOGLE= NULL

VITE_APPLE= NULL

VITE_WALLET_CONNECT_ID= NULL

VITE_CHAINS= 80002

VITE_DEFAULT_CHAIN= 80002
5

Pruebe su nueva configuración

Guarde su archivo .env, ejecute pnpm dev desde el directorio raíz y vuelva a http://localhost:4444. Inicie sesión en su wallet usando correo electrónico para probar nuevamente las acciones de la wallet.

¡Listo! Ahora puede ver la conexión de su wallet en la página Overview y las claves están limitadas a su proyecto.

Como siguientes pasos: