Passer au contenu principal

​
Qu’est-ce qu’un package npm ?

Utilisez les packages npm pour ajouter des fonctionnalités et des outils puissants à vos applications Base44 sans tout construire vous-même. Base44 est un créateur d’applications IA qui vous donne accès à des bibliothèques de code fiables et à jour pour les animations, le formatage des données, les graphiques, et plus encore, toutes créées par des développeurs experts. Lorsque vous utilisez des packages npm, vous pouvez ajouter des fonctionnalités avancées en quelques minutes, vous appuyer sur du code éprouvé et vous concentrer sur la création de ce qui rend votre application unique.
Npm
Pensez aux packages npm comme à de petites boîtes de code prêt à l’emploi que vous pouvez intégrer à votre application. Quelqu’un a déjà écrit le code. Il vous suffit d’installer le package pour utiliser instantanément toutes ses capacités.
Base44 facilite l’ajout de packages npm à votre application. Vous pouvez demander à ajouter des packages npm, examiner la demande et approuver l’installation, le tout depuis le chat IA dans votre éditeur d’application.

Exemples de packages npm

  • Bibliothèques d’animation (par exemple, anime.js)
  • Utilitaires de graphiques et de courbes
  • Aides pour les dates et heures
  • Composants d’interface
  • Logique de glisser-déposer
Important :Tous les packages npm sont créés et maintenus par des tiers. Base44 ne peut pas garantir la qualité, la fiabilité ou la sécurité d’un package externe que vous installez. Testez et validez toujours soigneusement les packages pour vous assurer qu’ils fonctionnent correctement dans votre application. Vous êtes responsable de vous assurer que tous les packages tiers que vous utilisez répondent aux besoins de votre projet.

​
Parcourir les packages npm

Vous trouverez des packages npm dans le registre public. Le README de chaque package comprend des instructions détaillées, des exemples d’utilisation et des informations sur les dépendances, afin que vous puissiez commencer immédiatement.
Utilisez le Playground npm de Base44 pour prévisualiser les packages npm en action et les intégrer directement dans votre application.
Pour parcourir les packages npm de Base44 :
  1. Allez sur npmjs.com pour voir tous les packages publics disponibles.
  2. Cliquez sur le package que vous souhaitez utiliser pour ouvrir sa page de détails.

​
Ajouter un package npm à votre application

Dans Base44, vous pouvez ajouter des packages npm en discutant avec l’IA. Aucun terminal ni commande d’installation manuelle n’est requis. Pour ajouter un package npm à votre application :
  1. Allez dans votre éditeur d’application.
  2. Tapez dans le chat IA le package npm que vous souhaitez installer.
  3. Lorsque vous y êtes invité, cliquez sur Approve dans le chat.
La fenêtre d'approbation dans le chat IA lors de l'installation d'un package NPM

​
Exemple d’utilisation d’un package npm

Vous pouvez utiliser anime.js pour créer des animations d’entrée soignées pour les pages et éléments de votre application. Par exemple, vous pouvez animer des cartes, des boutons ou des graphiques lors du chargement d’une page afin de rendre votre site plus attrayant. Ajoutez simplement un prompt tel que : 
Installe le package npm anime.js et rends mon application magnifique
Le chat IA vous demandera d’approuver l’installation et le package est installé directement dans votre application.
Installation d'un package NPM dans votre application Base44
Une fois installé, vous pouvez utiliser anime.js pour animer les sections de page, les icônes, et plus encore.

​
FAQ

Cliquez sur une question ci-dessous pour en savoir plus.
Base44 n’offre actuellement pas de SDK public. Cependant, vous pouvez voter pour cette fonctionnalité sur notre feuille de route produit.Pour les développeurs avancés, le package npm-base44/sdk est disponible. Ce package vous permet d’effectuer des fonctions backend spécifiques.
Les packages npm ne sont pris en charge que sur la nouvelle infrastructure Base44. Si vous rencontrez des erreurs, assurez-vous de mettre à jour votre application vers la nouvelle infrastructure.Pour vérifier si vous devez effectuer la mise à jour :
  1. Allez dans votre éditeur d’application.
  2. Cherchez le bouton Update Infrastructure dans la barre supérieure.
  3. Cliquez sur Update Infrastructure si vous le voyez et suivez les instructions.
Remarque : Si vous ne voyez pas le bouton Update Infrastructure, vous utilisez déjà la nouvelle infrastructure.
Si votre package npm ne s’installe pas ou reste bloqué en attente, essayez ces étapes :
  1. Vérifiez les messages du chat pour plus de détails sur l’erreur. Parfois, le chat IA explique les problèmes de dépendance ou de compatibilité avec le package que vous souhaitez installer.
  2. Assurez-vous que votre demande correspond exactement au nom et à la version du package.
  3. Si l’installation nécessite une approbation, vérifiez que vous avez approuvé la demande dans le panneau de chat.
  4. Si l’installation échoue, essayez de redemander le package via le chat.
Une fois que vous avez ajouté un package npm, vous ne pouvez pas le supprimer de votre application. Cependant, si vous n’utilisez pas un package npm dans le code mais qu’il est installé, il n’a aucun impact sur votre application.Si un package npm doit être mis à jour, vous pouvez simplement demander au chat IA de le faire pour vous.
Pour savoir quels packages npm vous avez installés dans votre application, vous pouvez demander au chat IA.
Choisissez les bons packages npm en suivant les recommandations ci-dessous. Faire un peu de recherche sur chaque package, au lieu de l’installer immédiatement, peut vous aider à trouver des options fiables et à éviter des problèmes par la suite.
  • Statistiques de téléchargement : Renseignez-vous sur le nombre de téléchargements du package sur npm. Les packages avec un fort historique de téléchargements sont généralement considérés comme fiables au sein de la communauté de développement.
  • Qualité de la documentation : Les packages bien documentés rendent généralement la configuration et le dépannage beaucoup plus faciles. Recherchez des instructions d’utilisation claires, des exemples et des références d’API.
  • Type de licence : Assurez-vous que la licence du package correspond aux exigences de votre projet, surtout si vous construisez quelque chose de commercial ou open source.
  • Taille et dépendances : Considérez comment le package affectera les performances de votre application et s’il ajoute de nombreuses nouvelles dépendances. Les packages légers et ciblés réduisent les conflits potentiels et la surcharge.
  • Activité de mise à jour : Examinez le dépôt du projet, par exemple sur GitHub, pour voir si les mises à jour sont récentes et si les mainteneurs répondent aux questions ou aux rapports de bogues. Les packages tenus à jour sont généralement plus sûrs et plus compatibles avec les outils modernes.
  • Avis de la communauté : Explorez les commentaires, évaluations et discussions sur npm, GitHub ou les forums de programmation. Les expériences des autres développeurs peuvent vous alerter sur des problèmes potentiels ou vous donner une meilleure idée des performances du package en pratique.
Cette page a été traduite à l’aide de l’IA. Pour les informations les plus précises et à jour, consultez la version anglaise.