Skip to main content

​
Was sind npm-Pakete?

Verwende npm-Pakete, um leistungsstarke Funktionen und Tools zu deinen Base44-Anwendungen hinzuzufügen, ohne alles selbst bauen zu müssen. Base44 ist ein KI-App-Builder, der dir Zugriff auf zuverlässige, aktuelle Code-Bibliotheken für Dinge wie Animationen, Datenformatierung und Charts gibt, alle erstellt von erfahrenen Entwicklern. Wenn du npm-Pakete verwendest, kannst du in Minuten fortgeschrittene Funktionen hinzufügen, dich auf gut getesteten Code verlassen und dich darauf konzentrieren, das zu erstellen, was deine App einzigartig macht.
Npm
Stell dir npm-Pakete als kleine Boxen mit fertigem Code vor, die du in deine App einstöpseln kannst. Jemand anderes hat den Code bereits geschrieben. Du musst nur das Paket installieren und kannst sofort all seine Fähigkeiten nutzen.
Base44 macht es einfach, npm-Pakete zu deiner App hinzuzufügen. Du kannst das Hinzufügen von npm-Paketen anfordern, die Anfrage überprüfen und die Installation genehmigen, alles vom KI-Chat in deinem App-Editor aus.

Beispiele für npm-Pakete

  • Animations-Bibliotheken (zum Beispiel anime.js)
  • Chart- und Graph-Utilities
  • Datum- und Zeit-Helfer
  • UI-Komponenten
  • Drag-and-Drop-Logik
Wichtig:Alle npm-Pakete werden von Dritten erstellt und gepflegt. Base44 kann die Qualität, Zuverlässigkeit oder Sicherheit externer Pakete, die du installierst, nicht garantieren. Teste und validiere Pakete immer sorgfältig, um sicherzustellen, dass sie in deiner App korrekt funktionieren. Du bist dafür verantwortlich, dass alle Drittanbieter-Pakete, die du verwendest, den Anforderungen deines Projekts entsprechen.

​
npm-Pakete durchsuchen

Du findest npm-Pakete im öffentlichen Registry. Jedes Paket-README enthält detaillierte Anweisungen, Nutzungsbeispiele und Peer-Dependency-Details, sodass du sofort loslegen kannst.
Verwende den Base44 npm Playground, um npm-Pakete in Aktion vorab anzusehen und sie direkt in deine App einzubinden.
So durchsuchst du Base44-npm-Pakete:
  1. Gehe zu npmjs.com, um alle verfügbaren öffentlichen Pakete zu sehen.
  2. Klicke auf das Paket, das du verwenden möchtest, um seine Detailseite zu öffnen.

​
Ein npm-Paket zu deiner App hinzufügen

In Base44 kannst du npm-Pakete hinzufügen, indem du mit der KI chattest. Kein Terminal oder manuelle Installationsbefehle erforderlich. So fügst du ein npm-Paket zu deiner App hinzu:
  1. Gehe zu deinem App-Editor.
  2. Tippe im KI-Chat das npm-Paket ein, das du installieren möchtest.
  3. Klicke bei Aufforderung im Chat auf Approve.
Das Genehmigungsfenster im KI-Chat beim Installieren eines NPM-Pakets

Das Genehmigungsfenster im KI-Chat beim Installieren eines npm-Pakets

​
Beispiel für die Verwendung eines npm-Pakets

Du kannst anime.js verwenden, um polierte Eingangsanimationen für die Seiten und Elemente deiner App zu erstellen. Du möchtest zum Beispiel Karten, Buttons oder Charts animieren, wenn eine Seite lädt, damit sich deine Site ansprechender anfühlt. Füge einfach einen Prompt wie diesen hinzu:
Der KI-Chat fordert dich auf, die Installation zu genehmigen, und das Paket wird direkt in deiner App installiert.
Ein NPM-Paket zu deiner App in Base44 installieren

Ein npm-Paket zu deiner App in Base44 installieren

Sobald es installiert ist, kannst du anime.js verwenden, um Seitenbereiche, Icons und mehr zu animieren.

​
FAQs

Klicke unten auf eine Frage, um mehr zu erfahren.
Base44 bietet derzeit kein öffentliches SDK an. Du kannst jedoch für dieses Feature auf unserer Product Roadmap abstimmen.Für fortgeschrittene Entwickler ist das Paket npm-base44/sdk verfügbar. Dieses Paket ermöglicht es dir, bestimmte Backend-Funktionen auszuführen.
npm-Pakete werden nur auf der neuen Base44-Infrastruktur unterstützt. Wenn du auf Fehler stößt, stelle sicher, dass du deine App auf die neue Infrastruktur aktualisierst.So prüfst du, ob du aktualisieren musst:
  1. Gehe zu deinem App-Editor.
  2. Suche oben in der Leiste nach dem Button Update Infrastructure.
  3. Klicke auf Update Infrastructure, wenn du ihn siehst, und folge den Anweisungen.
Hinweis: Wenn du den Button Update Infrastructure nicht siehst, verwendest du bereits die neue Infrastruktur.
Wenn dein npm-Paket nicht installiert wird oder bei „pending” hängen bleibt, versuche diese Schritte:
  1. Überprüfe die Chat-Nachrichten auf Fehlerdetails. Manchmal erklärt der KI-Chat Abhängigkeits- oder Kompatibilitätsprobleme mit dem Paket, das du installieren möchtest.
  2. Stelle sicher, dass deine Anfrage genau zum Paketnamen und zur Version passt.
  3. Wenn die Installation eine Genehmigung erfordert, vergewissere dich, dass du die Anfrage im Chat-Panel genehmigt hast.
  4. Wenn die Installation fehlschlägt, fordere das Paket über den Chat erneut an.
Sobald du ein npm-Paket hinzugefügt hast, kannst du es nicht aus deiner App entfernen. Wenn du jedoch ein npm-Paket im Code nicht verwendest, aber installiert hast, hat es keine Auswirkungen auf deine App.Wenn ein npm-Paket aktualisiert werden muss, kannst du einfach den KI-Chat bitten, es für dich zu tun.
Um herauszufinden, welche npm-Pakete du in deiner App installiert hast, kannst du den KI-Chat fragen.
Wähle die richtigen npm-Pakete, indem du den folgenden Empfehlungen folgst. Ein wenig Recherche zu jedem Paket, statt es sofort zu installieren, kann dir helfen, zuverlässige Optionen zu finden und spätere Probleme zu vermeiden.
  • Download-Statistiken: Schau dir an, wie viele Downloads das Paket auf npm hat. Pakete mit einer starken Download-Historie werden in der Entwickler-Community im Allgemeinen als zuverlässig angesehen.
  • Dokumentationsqualität: Gut dokumentierte Pakete machen Setup und Troubleshooting normalerweise viel einfacher. Suche nach klaren Nutzungsanweisungen, Beispielen und API-Referenzen.
  • Lizenztyp: Stelle sicher, dass die Lizenz des Pakets zu den Anforderungen deines Projekts passt, besonders wenn du etwas Kommerzielles oder Open-Source baust.
  • Bundle-Größe und Abhängigkeiten: Berücksichtige, wie das Paket die Performance deiner App beeinflusst und ob es viele neue Abhängigkeiten hinzufügt. Leichte, fokussierte Pakete reduzieren mögliche Konflikte und Bloat.
  • Update-Aktivität: Überprüfe das Repository des Projekts, zum Beispiel auf GitHub, um zu sehen, ob Updates aktuell sind und ob Maintainer auf Fragen oder Bug-Reports reagieren. Pakete, die aktuell gehalten werden, sind normalerweise sicherer und kompatibler mit modernen Tools.
  • Community-Input: Erkunde Kommentare, Bewertungen und Diskussionen von npm, GitHub oder Programmier-Foren. Die Erfahrungen anderer Entwickler können dich auf mögliche Probleme aufmerksam machen oder dir ein besseres Gefühl dafür geben, wie das Paket in der Praxis funktioniert.
Diese Seite wurde mit KI übersetzt. Für die genauesten und aktuellsten Informationen siehe die englische Version.