Saltar al contenido principal

​
¿Qué son los paquetes npm?

Usa paquetes npm para añadir funciones y herramientas potentes a tus aplicaciones de Base44 sin tener que construirlas tú mismo. Base44 es un ai app builder que te da acceso a librerías de código confiables y actualizadas para cosas como animaciones, formato de datos y gráficos, todas creadas por desarrolladores expertos. Cuando usas paquetes npm, puedes añadir funciones avanzadas en minutos, confiar en código bien probado y enfocarte en crear lo que hace única tu app.
Npm
Piensa en los paquetes npm como pequeñas cajas de código predefinido que puedes enchufar a tu app. Alguien más ya escribió el código. Solo necesitas instalar el paquete y puedes usar todas sus capacidades al instante.
Base44 facilita añadir paquetes npm a tu app. Puedes pedir añadir paquetes npm, revisar la solicitud y aprobar la instalación, todo desde el chat de IA dentro del editor de tu app.

Ejemplos de paquetes npm

  • Librerías de animación (por ejemplo, anime.js)
  • Utilidades de gráficos
  • Helpers de fecha y hora
  • Componentes UI
  • Lógica de drag and drop
Importante:Todos los paquetes npm son creados y mantenidos por terceros. Base44 no puede garantizar la calidad, fiabilidad o seguridad de ningún paquete externo que instales. Siempre prueba y valida los paquetes cuidadosamente para asegurar que funcionan correctamente en tu app. Eres responsable de asegurar que cualquier paquete de terceros que uses cumpla los requisitos de tu proyecto.

​
Explorar paquetes npm

Puedes encontrar paquetes npm en el registro público. Cada README de paquete incluye instrucciones detalladas, ejemplos de uso y detalles de dependencias peer, así puedes empezar de inmediato.
Usa el npm Playground de Base44 para previsualizar paquetes npm en acción y enchufarlos directamente a tu app.
Para explorar paquetes npm de Base44:
  1. Ve a npmjs.com para ver todos los paquetes públicos disponibles.
  2. Haz clic en el paquete que quieres usar para abrir su página de detalles.

​
Añadir un paquete npm a tu app

En Base44, puedes añadir paquetes npm chateando con la IA. No se requiere terminal ni comandos de instalación manuales. Para añadir un paquete npm a tu app:
  1. Ve al editor de tu app.
  2. Escribe en el chat de IA el paquete npm que quieres instalar.
  3. Cuando se te pida, haz clic en Approve en el chat.
The approval window in the AI chat when installing an NPM package

​
Ejemplo de uso de un paquete npm

Puedes usar anime.js para crear animaciones de entrada pulidas para las páginas y elementos de tu app. Por ejemplo, podrías querer animar cards, botones o gráficos cuando carga una página para que tu sitio se sienta más atractivo. Simplemente añade un prompt como: 
Install the npm anime.js and make my app beautiful
El chat de IA te pedirá aprobar la instalación y el paquete se instala directamente en tu app.
Installing an NPM package to your app in Base44
Una vez instalado, puedes usar anime.js para animar secciones de página, íconos y más.

​
Preguntas frecuentes

Haz clic en una pregunta a continuación para aprender más.
Base44 no ofrece actualmente un SDK público. Sin embargo, puedes votar por esta función en nuestro Product Roadmap.Para desarrolladores avanzados, el paquete npm-base44/sdk está disponible. Este paquete te permite realizar funciones específicas de backend.
Los paquetes npm solo están soportados en la nueva infraestructura de Base44. Si estás encontrando errores, asegúrate de actualizar tu app a la nueva infraestructura.Para verificar si necesitas actualizar:
  1. Ve al editor de tu app.
  2. Busca el botón Update Infrastructure en la barra superior.
  3. Haz clic en Update Infrastructure si lo ves y sigue las indicaciones.
Nota: Si no ves el botón Update Infrastructure, ya estás usando la nueva infraestructura.
Si tu paquete npm no se instala o se queda en pendiente, prueba estos pasos:
  1. Revisa los mensajes del chat para detalles del error. A veces, el chat de IA explicará problemas de dependencia o compatibilidad con el paquete que estás solicitando instalar.
  2. Asegúrate de que tu solicitud coincida exactamente con el nombre y versión del paquete.
  3. Si la instalación requiere aprobación, verifica que hayas aprobado la solicitud en el panel del chat.
  4. Si la instalación falla, intenta volver a solicitar el paquete usando el chat.
Una vez que añadiste un paquete npm, no puedes quitarlo de tu app. Sin embargo, si no estás usando un paquete npm en el código pero lo tienes instalado, no afecta tu app.Si un paquete npm necesita actualizarse, simplemente puedes pedirle al chat de IA hacerlo por ti.
Para saber qué paquetes npm tienes instalados en tu app, puedes preguntar al chat de IA.
Elige los paquetes npm correctos siguiendo las recomendaciones a continuación. Hacer un poco de investigación sobre cada paquete, en lugar de instalarlo de inmediato, puede ayudarte a encontrar opciones fiables y prevenir problemas más adelante.
  • Estadísticas de descargas: Mira cuántas descargas tiene el paquete en npm. Los paquetes con un historial fuerte de descargas se ven generalmente como confiables dentro de la comunidad de desarrollo.
  • Calidad de documentación: Los paquetes bien documentados suelen hacer la configuración y solución de problemas mucho más fácil. Busca instrucciones claras de uso, ejemplos y referencias de API.
  • Tipo de licencia: Asegúrate que la licencia del paquete encaje con los requisitos de tu proyecto, especialmente si estás construyendo algo comercial u open-source.
  • Tamaño del bundle y dependencias: Considera cómo el paquete afectará el rendimiento de tu app y si añade muchas dependencias nuevas. Paquetes ligeros y enfocados reducen conflictos potenciales y bloat.
  • Actividad de actualizaciones: Revisa el repositorio del proyecto, como en GitHub, para ver si las actualizaciones son recientes y si los mantenedores atienden preguntas o reportes de bugs. Los paquetes mantenidos al día suelen ser más seguros y compatibles con herramientas modernas.
  • Input de la comunidad: Explora comentarios, calificaciones y discusiones en npm, GitHub o foros de programación. Las experiencias de otros desarrolladores pueden alertarte de problemas potenciales o darte una mejor idea de cómo se comporta el paquete en la práctica.
Esta página se tradujo con IA. Para información más precisa y actualizada, consulta la versión en inglés.