Este contenido ofrece instrucciones detalladas para integrar el Sequence Embedded Wallet SDK con React Native, logrando una integración completa de wallet e indexador.
El Sequence Embedded Wallet SDK puede usarse con React Native para una integración completa de Embedded Wallet y Indexer de Sequence.
Puedes ver un ejemplo completo de cómo usar el SDK o descargar la plantilla en el repositorio Embedded Wallet React Native Demo.
Siga esta guía para obtener su clave de acceso al proyecto y otras credenciales/llaves: https://docs.sequence.xyz/solutions/builder/embedded-wallet/
Usando Expo, puede establecer GIDClientID en ios > infoPlist dentro del archivo app.json.
De forma manual, puede establecer GIDClientID en el archivo Info.plist para el inicio de sesión con Google.
Usando Expo, puede establecer el intent-filter en android > intentFilters dentro del archivo app.json.
De forma manual, puede establecer el intent-filter en el archivo AndroidManifest.xml para el inicio de sesión con Google.
Configurar shims para ethers y otros paquetes relacionados con la criptografía
Primero, revise el contenido de cryptoSetup.ts para la configuración de los shims y el registro de pbkdf2
para ethers
desde react-native-quick-crypto
a continuación:
Luego, asegúrese de importar cryptoSetup.ts
lo más temprano posible en el ciclo de vida de la app. En este demo, se importa y configura al inicio en App.tsx.
En segundo lugar, es necesario establecer alias para algunos shims en babel.config.js
con ayuda de la dependencia de desarrollo babel-plugin-module-resolver
. Vea babel.config.js para el fragmento de código que actualiza los alias.
Inicializar Sequence WaaS
(Consulte el archivo waasSetup.ts para más detalles)
Inicio de sesión
Una vez que tenga una instancia de Sequence WaaS inicializada, puede usarla para iniciar sesión con correo electrónico, Google o Apple. Vea el fragmento de código de Google a continuación como ejemplo y consulte el archivo App.tsx para más detalles.
Operaciones de wallet
Una vez que haya iniciado sesión, puede usar la instancia sequenceWaas
para realizar operaciones de wallet como enviar transacciones, firmar mensajes, etc. Vea el fragmento de código de Google a continuación como ejemplo y consulte el archivo App.tsx para más detalles.
Notas de migración para la actualización a Ethers v6
react-native-quick-crypto-ethers-patch.js
y la configuración relacionada ya no son necesarias, ya que ethers v6 permite registrar la función pbkdf2 directamente desde el paquete react-native-quick-crypto
. (Consulte cryptoSetup.ts para el código relacionado.)ethers
ethersproject/shims
expo
react-native-quick-crypto
react-native-mmkv
react-native-keychain
babel-plugin-module-resolver (como dependencia de desarrollo)
Este contenido ofrece instrucciones detalladas para integrar el Sequence Embedded Wallet SDK con React Native, logrando una integración completa de wallet e indexador.
El Sequence Embedded Wallet SDK puede usarse con React Native para una integración completa de Embedded Wallet y Indexer de Sequence.
Puedes ver un ejemplo completo de cómo usar el SDK o descargar la plantilla en el repositorio Embedded Wallet React Native Demo.
Siga esta guía para obtener su clave de acceso al proyecto y otras credenciales/llaves: https://docs.sequence.xyz/solutions/builder/embedded-wallet/
Usando Expo, puede establecer GIDClientID en ios > infoPlist dentro del archivo app.json.
De forma manual, puede establecer GIDClientID en el archivo Info.plist para el inicio de sesión con Google.
Usando Expo, puede establecer el intent-filter en android > intentFilters dentro del archivo app.json.
De forma manual, puede establecer el intent-filter en el archivo AndroidManifest.xml para el inicio de sesión con Google.
Configurar shims para ethers y otros paquetes relacionados con la criptografía
Primero, revise el contenido de cryptoSetup.ts para la configuración de los shims y el registro de pbkdf2
para ethers
desde react-native-quick-crypto
a continuación:
Luego, asegúrese de importar cryptoSetup.ts
lo más temprano posible en el ciclo de vida de la app. En este demo, se importa y configura al inicio en App.tsx.
En segundo lugar, es necesario establecer alias para algunos shims en babel.config.js
con ayuda de la dependencia de desarrollo babel-plugin-module-resolver
. Vea babel.config.js para el fragmento de código que actualiza los alias.
Inicializar Sequence WaaS
(Consulte el archivo waasSetup.ts para más detalles)
Inicio de sesión
Una vez que tenga una instancia de Sequence WaaS inicializada, puede usarla para iniciar sesión con correo electrónico, Google o Apple. Vea el fragmento de código de Google a continuación como ejemplo y consulte el archivo App.tsx para más detalles.
Operaciones de wallet
Una vez que haya iniciado sesión, puede usar la instancia sequenceWaas
para realizar operaciones de wallet como enviar transacciones, firmar mensajes, etc. Vea el fragmento de código de Google a continuación como ejemplo y consulte el archivo App.tsx para más detalles.
Notas de migración para la actualización a Ethers v6
react-native-quick-crypto-ethers-patch.js
y la configuración relacionada ya no son necesarias, ya que ethers v6 permite registrar la función pbkdf2 directamente desde el paquete react-native-quick-crypto
. (Consulte cryptoSetup.ts para el código relacionado.)ethers
ethersproject/shims
expo
react-native-quick-crypto
react-native-mmkv
react-native-keychain
babel-plugin-module-resolver (como dependencia de desarrollo)