Vista previa en video
Configuración con tus propias credenciales/llaves
Siga esta guía para obtener su clave de acceso al proyecto y otras credenciales/llaves: https://docs.sequence.xyz/solutions/builder/embedded-wallet/Instrucciones específicas sobre cómo gestionar credenciales/llaves en las carpetas ./ios y ./android
iOS
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.Android
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.Detalles de la integración
1
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 Luego, asegúrese de importar
pbkdf2
para ethers
desde react-native-quick-crypto
a continuación: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.2
Inicializar Sequence WaaS
3
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.
4
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.5
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 paquetereact-native-quick-crypto
. (Consulte cryptoSetup.ts para el código relacionado.)- Puede seguir la guía de migración de ethers para migrar su base de código a ethers v6.
Dependencias
Paquetes requeridos de Sequence
- @0xsequence/waas
- @0xsequence/react-native
Otras dependencias/shims requeridas
Common
- ethers
- ethersproject/shims
- expo
- react-native-quick-crypto
- react-native-mmkv
- react-native-keychain
- babel-plugin-module-resolver (como dependencia de desarrollo)
Para inicio de sesión con Apple y Google
- expo-web-browser
- expo-auth-session
- @invertase/react-native-apple-authentication
Para inicio de sesión con correo electrónico
- react-native-url-polyfill
- web-streams-polyfill