Ir al contenido principal
Volver a las aplicaciones de ejemplo

Explorador de carteras de Solana

El Solana Wallet Explorer utiliza un punto de conexión de Quicknode para Solana con el fin de recuperar los saldos de tokens, el historial de transacciones y los NFT de una cartera concreta en la cadena de bloques de Solana.

Icono de implementación
Implementar la aplicación
Icono de GitHub
Ver repositorio
Marco de trabajo o biblioteca de front-end:
React/Next.js
Idioma:
TypeScript
Herramienta de compilación/servidor de desarrollo:
Next.js
Vista previa de la aplicación de ejemplo

Resumen

El Solana Wallet Explorer utiliza un punto de conexión de Quicknode para Solana con el fin de recuperar los saldos de tokens, el historial de transacciones y los NFT de una cartera concreta en la cadena de bloques de Solana. Utiliza un Next.js 14 proyecto puesto en marcha con create-next-app.

Primeros pasos

Instalar las dependencias​

En primer lugar, instala las dependencias:

npm instalar
# o
yarn
# o
pnpm instalar
# o
bun install

Configurar variables de entorno​

Asegúrate de tener a mano un punto de conexión de Quicknode; puedes conseguir uno gratis aquí.

Cambiar el nombre .env.example a .env.local y actualízalo con tu punto de conexión del nodo Solana de Quicknode. Activa la API de DAS solo si has habilitado el complemento DAS para tu punto de conexión del nodo Solana de Quicknode.

SOLANA_RPC_URL=https://example.solana-mainnet.quiknode.pro/123456/
DAS_API_ENABLED=true
NEXT_PUBLIC_FETCH_JUPLIST=true

En primer lugar, ejecuta el servidor de desarrollo:

npm ejecutar dev
# o
yarn dev
# o
pnpm dev
# o
bun dev

Abre http://localhost:3000 en tu navegador para ver el resultado.

Cómo utilizar la Dapp

Busca una dirección de monedero de Solana y pulsa Intro. La Dapp te redirigirá a /wallet/[dirección] y consultar la cadena de bloques de Solana para obtener los saldos de tokens, las transacciones y los NFT de la cartera. Los resultados se muestran en las fichas correspondientes.

Arquitectura​

src/
├── app/
│   └── api/
│       └── wallet/
├── componentes/
    ├── explorador/
    └── header/
  • API - Contiene las rutas de la API para las llamadas RPC de Solana. Se puede acceder a ellas desde el cliente a través de /api/wallet/[método]?walletAddress=[dirección]. Estas solicitudes GET utilizan el @solana/web3.js la biblioteca y el marco Metaplex Digital Asset Standard para gestionar las consultas.
  • componentes - Contiene los componentes de React para la dapp.
    • El explorador El componente contiene componentes del lado del cliente que llaman a las rutas de la API y muestran los resultados.
    • El encabezado El componente contiene la barra de búsqueda de la dapp.

Implementar en Vercel

Implementar con Vercel

Vista previa

Vista previa

Documentación de Next.js

Para obtener más información sobre Next.js, echa un vistazo a los siguientes recursos:

Puedes echar un vistazo al repositorio de Next.js en GitHub: ¡tus comentarios y aportaciones son bienvenidos!

Aportaciones y comentarios
¡Nos encantaría conocer tu opinión y agradecemos cualquier aportación a esta aplicación de ejemplo!
Para informar de problemas o enviar comentarios, abre una incidencia en GitHub en el qn-guide-ejemplos repositorio.
Para colaborar, sigue estos pasos:
  1. Hacer un fork del repositorio
  2. Crear una rama de características:
    git checkout -b feature/amazing-feature
  3. Guarda los cambios:
    git commit -m "Añadir una función increíble"
  4. Envía tu rama:
    git push origin feature/amazing-feature
  5. Abre una solicitud de incorporación de cambios.
Descubre más aplicaciones de ejemplo
Intercambio de metaagregación de Titan
Una interfaz de usuario de intercambio de Solana de una sola página, desarrollada sobre la API de metaagregación de Titan Gateway y alojada en Quicknode. Muestra las cotizaciones de los distintos proveedores, los mercados en cadena por los que pasa una ruta y un flujo de «crear → firmar → enviar» con custodia propia, en el que las transacciones se confirman a través del RPC de Quicknode.
Intercambio de metaagregación de Titan
Intermitente de acción Solana
Esta aplicación te permite crear e interactuar con las acciones de Solana mediante el análisis de las URL de las acciones de Solana para obtener las acciones correspondientes. Introduce una URL de acción válida para ver sus detalles, conecta tu monedero para ejecutar acciones o crea otras nuevas utilizando la estructura proporcionada.
Intermitente de acción Solana
Generador de tokens de Solana
Esta aplicación te permite crear tokens fungibles en la cadena de bloques de Solana, con compatibilidad integrada para la subida de imágenes a IPFS mediante la API de IPFS de Quicknode.
Generador de tokens de Solana