# Documentación thirdweb: Infraestructura II *En esta guía, recorreremos la última parte de la infraestructura thirdweb: Almacenamiento y billetera* By [thirdweb ES](https://paragraph.com/@samusarmiento) · 2023-06-09 thirdweb, thirdweb_es, documentacion-thirdweb --- Almacenamiento ============== [**_Storage_**](https://portal.thirdweb.com/storage) es una solución descentralizada de gestión de archivos para almacenar y recuperar información "fuera de la cadena" utilizando [IPFS](https://portal.thirdweb.com/glossary/ipfs). Te permite subir y [fijar](https://docs.ipfs.tech/concepts/persistence/) archivos a IPFS, y recuperarlos en cualquier momento a través de nuestra **pasarela IPFS**. Mediante el [panel de control](https://thirdweb.com/dashboard/storage), el [CLI](https://paragraph.xyz/@samusarmiento/thirdweb-cli-deploy-publish) o el [SDK](https://paragraph.xyz/@samusarmiento/thirdweb-evm-sdk), puedes subir y anclar fácilmente archivos individuales o directorios enteros a IPFS, lo que resulta ideal para almacenar archivos de forma permanente, descentralizada y resistente a la censura. El almacenamiento potencia la funcionalidad de varios de nuestros otros productos, como la carga de contratos inteligentes ABI en el despliegue, nuestro componente [IPFS Renderer UI](https://portal.thirdweb.com/react/react.mediarenderer) y las capacidades de [obtención de metadatos NFT](https://portal.thirdweb.com/react/react.usenft) en el SDK, y la carga de metadatos NFT en el panel de control. ![](https://paragraph.xyz/editor/callout/information-icon.png) **Biblioteca de código abierto** La biblioteca de almacenamiento es de código abierto. Puede consultar el código fuente y contribuir a él en **GitHub**. [ ![](https://opengraph.githubassets.com/a897e4a5e5d31c9038a90ae78fd200917843dcac10b6c950816afbc972987795/thirdweb-dev/js) https://github.com js/packages/storage at main · thirdweb-dev/js --------------------------------------------- Best in class decentralized storage SDK for Browser and Node Install the latest version of the SDK with either npm or yarn: npm install @thirdweb-dev/storage yarn add @thirdweb-dev/storage Once you have the Thirdweb Storage SDK installed, you can use it to easily upload and download files and other data using ](https://github.com/thirdweb-dev/js/tree/main/packages/storage) Pasarela IPFS ------------- Para leer datos de IPFS, se necesita una [pasarela IPFS](https://docs.ipfs.tech/concepts/ipfs-gateway/), que te permite acceder a datos del protocolo IPFS en navegadores y otros clientes HTTP, como cuando se crea una aplicación utilizando nuestro SDK. Te proporcionamos una pasarela IPFS pública y sin restricciones en `https://ipfs.thirdwebcdn.com/ipfs/[cid]`, que puedes utilizar para acceder a cualquier archivo disponible en IPFS de forma gratuita, sin límites de velocidad ni restricciones. Cómo empezar ------------ Aprende a utilizar el almacenamiento para cargar archivos a través de la interfaz de usuario o la línea de comandos, o a utilizar el SDK para cargar archivos mediante programación. Carga archivos directamente en IPFS mediante el panel o la CLI: * **Panel de control:** * [**https://thirdweb.com/dashboard/storage**](https://thirdweb.com/dashboard/storage) * [**https://paragraph.xyz/@samusarmiento/thirdweb-panel-de-control**](https://paragraph.xyz/@samusarmiento/thirdweb-panel-de-control) * **CLI:** * [**https://paragraph.xyz/@samusarmiento/thirdweb-cli-deploy-publish**](https://paragraph.xyz/@samusarmiento/thirdweb-cli-deploy-publish) * [https://portal.thirdweb.com/cli/upload](https://portal.thirdweb.com/cli/upload) Billeteras ========== [**_Wallet_**](https://portal.thirdweb.com/wallet) es una [librería](https://github.com/thirdweb-dev/js/tree/main/packages/wallets) que te permite integrar capacidades de conexión de monederos en aplicaciones web3. Se puede utilizar como un paquete independiente para permitir a los usuarios conectar sus carteras a tu aplicación, y se integra con nuestro [SDK](https://paragraph.xyz/@samusarmiento/thirdweb-evm-sdk) para utilizar la cartera conectada para interactuar con contratos inteligentes, utilizar [autenticación](https://paragraph.xyz/@samusarmiento/thirdweb-auth), **almacenamiento** y más. Billeteras compatibles ---------------------- Accede al mayor catálogo de monederos, desde custodia a MPC y contratos inteligentes. * [Smart Wallet](https://portal.thirdweb.com/wallet/smart-wallet): Implementa carteras de contratos inteligentes para sus usuarios * [Local Wallet](https://portal.thirdweb.com/wallet/local-wallet): Genera carteras para nuevos usuarios sobre la marcha * [Safe](https://portal.thirdweb.com/wallet/safe): Conéctate a un monedero multisig a través de Safe * [Magic Link](https://portal.thirdweb.com/wallet/magic): Conéctate con email o un número de teléfono a través de Magic * [Paper](https://portal.thirdweb.com/wallet/paper): Conéctate con email a través de Paper * [MetaMask](https://portal.thirdweb.com/wallet/metamask): Conéctate con MetaMask * [Coinbase Wallet](https://portal.thirdweb.com/wallet/coinbase-wallet): Conéctate con Coinbase Wallet * [WalletConnect](https://portal.thirdweb.com/wallet/wallet-connect-v2): Conéctate con AWS Key Management Service * [AWS KMS](https://portal.thirdweb.com/wallet/aws-kms): Conéctate con AWS Key Management Service * [AWS Secret Manager](https://portal.thirdweb.com/wallet/aws-secrets-manager): Conéctate con AWS Secret Manager * [Ether.js](https://portal.thirdweb.com/wallet/ethers): Conecta cualquier wallet compatible con Ether.js * [Private Key](https://portal.thirdweb.com/wallet/private-key): Conecta una wallet directamente con una clave privada Características --------------- Es compatible con una amplia gama de los monederos de navegador más populares como [MetaMask](https://portal.thirdweb.com/wallet/metamask), WalletConnect [V1](https://portal.thirdweb.com/wallet/wallet-connect-v1) y [V2](https://portal.thirdweb.com/wallet/wallet-connect-v2), [Coinbase Wallet](https://portal.thirdweb.com/wallet/coinbase-wallet), monederos no custodiados como [Magic](https://portal.thirdweb.com/wallet/magic) y [Paper](https://portal.thirdweb.com/wallet/paper), monederos multi-sig como [Safe (Gnosis)](https://portal.thirdweb.com/wallet/safe), y más; cada uno con un control detallado sobre el flujo de conexión para crear experiencias personalizadas, o componentes de interfaz de usuario pre-construidos para ponerte en marcha rápidamente. También admite [monederos inteligentes](https://portal.thirdweb.com/wallet/smart-wallet) que siguen la especificación [ERC-4337](https://eips.ethereum.org/EIPS/eip-4337) y la capacidad de crear [monederos locales](https://portal.thirdweb.com/wallet/local-wallet) sin transacciones que permiten a los usuarios incorporarse fácilmente a aplicaciones web3 con una experiencia de "pago de invitado". ![](https://paragraph.xyz/editor/callout/information-icon.png) **Biblioteca de código abierto** La biblioteca de carteras es de código abierto. Puedes ver el código fuente y contribuir a ella en **GitHub.** [ ![](https://opengraph.githubassets.com/a897e4a5e5d31c9038a90ae78fd200917843dcac10b6c950816afbc972987795/thirdweb-dev/js) https://github.com js/packages/wallets at main · thirdweb-dev/js --------------------------------------------- Best in class web3 SDKs for Browser, Node and Mobile apps - js/packages/wallets at main · thirdweb-dev/js ](https://github.com/thirdweb-dev/js/tree/main/packages/wallets) Cómo empezar ------------ Para empezar, instale el [paquete](https://github.com/thirdweb-dev/js/tree/main/packages/wallets) en su proyecto. **npm** npm i @thirdweb-dev/wallets **yarn** yarn add @thirdweb-dev/wallets **pnpm** pnpm add @thirdweb-dev/wallets Ahora ya estás listo para utilizar cualquiera de nuestros monederos compatibles, solicitar al usuario que se conecte con el monedero, acceder a información como el firmante y la dirección del monedero, y mucho más. // 1. Importa el monedero que deseas utilizar desde el paquete import { CoinbaseWallet } from "@thirdweb-dev/wallets"; // 2. Instanciar la clase monedero const coinbaseWallet = new CoinbaseWallet(); // 3. Conectarse al monedero (avisa al usuario cuando es necesario) const walletAddress = await coinbaseWallet.connect(); // 4. Utiliza el monedero conectado para acceder a información como el firmante const signer = await coinbaseWallet.getSigner(); ### Integraciones con nuestros SDK * [React](https://portal.thirdweb.com/react/connecting-wallets) * [React Native](https://portal.thirdweb.com/react-native/wallets) * [TypeScript](https://portal.thirdweb.com/typescript/sdk.thirdwebsdk.fromwallet) * * * Recursos adicionales -------------------- * [**Documentación thirdweb**](https://portal.thirdweb.com/) * [**Documentación (No oficial) ES**](https://paragraph.xyz/@samusarmiento/community/Gu%C3%ADas%20&%20Documentaci%C3%B3n%20thirdweb) * [**Blog Oficial**](https://blog.thirdweb.com/) * [**Guías Oficiales**](https://blog.thirdweb.com/guides/) * [**Blogs y guías en Español**](https://paragraph.xyz/@samusarmiento) * [**Plantillas**](https://portal.thirdweb.com/templates) * [**Youtube Oficial**](https://www.youtube.com/thirdweb) * [**Youtube Español**](https://www.youtube.com/@thirdwebes) * [**Eventos**](https://thirdweb.com/events) * [**Discord Oficial**](https://discord.com/invite/thirdweb) * [**Support**](https://support.thirdweb.com/) * [**Twitter Oficial**](https://twitter.com/thirdweb) * [**Twitter Oficial ES**](https://twitter.com/thirdweb_es) * [**Twitter Oficial JP**](https://twitter.com/thirdweb_jp) * * * **_Suscríbete para recibir las guías, tutoriales y noticias de @thirdweb en español_** [Subscribe](https://paragraph.xyz/@samusarmiento/subscribe) * * * Si tienes alguna pregunta, únete a los más de 36.000 creadores de nuestra comunidad de [Discord](https://discord.com/invite/thirdweb?ref=blog.thirdweb.com), o [ponte en contacto](https://thirdweb.typeform.com/to/ZV3gUhiP?typeform-source=thirdweb.com&ref=blog.thirdweb.com) directamente con el equipo para obtener más información sobre cómo empezar con thirdweb. Y si quieres empezar a construir aplicaciones web3, empieza con las herramientas web3 y SDKs de thirdweb - ¡son gratis! [ ![](https://thirdweb.com/thirdweb.png) https://thirdweb.com thirdweb: The complete web3 development framework ------------------------------------------------- Web3 Developers use thirdweb Total Contracts Deployed Without thirdweb (88 lines) Anyone can use thirdweb tools without our permission. The code for our contracts, SDKs, dashboard and UI components are open source and available to everyone. Apps and contracts built with our tools are completely owned by you. ](https://thirdweb.com/?ref=blog.thirdweb.com) --- *Originally published on [thirdweb ES](https://paragraph.com/@samusarmiento/thirdweb-storage-and-wallets)*