Cookie-Hinweis

Diese Website verwendet notwendige Cookies (Session-Cookies), die bis zum Ende Ihrer Browser-Sitzung gültig sind. Darüber hinaus werden optionale Cookies von Websites Dritter gesetzt, deren Inhalte wir einbetten, aber auch für Marketingzwecke und Analyse des Nutzerverhaltens, sofern Sie dies akzeptieren. Das Ziel der optionalen Marketing-Cookies ist es, Ihr Nutzererlebnis zu verbessern. Weitere Informationen und Einstellungsmöglichkeiten für die Cookies auf dieser Website finden Sie in unserer Cookie Richtlinien.

Laravel mit Jetstream und Livewire erweitern

Viele Web-Anwendungen benötigen ein User-Management und dynamische Komponenten, um das System nutzerfreundlicher zu gestalten. Bei Laravel musst du nicht das Rad neu erfinden, weil du auf verschiedene Erweiterung zurückgreifen kannst die für dich verschiedene Funktionalitäten bereitstellen. Um eine dieser Erweiterung soll es in diesem Artikel gehen und zwar Jetstream in Kombination mit Livewire. Voraussetzung ist ein Standard-Projekt Verzeichnis, dass du jederzeit wie folgt erzeugen kannst. Weitere Informationen zu Jetstream findest du hier.

# composer create-project laravel/laravel hier_steht_der_verzeichnis_name

Bevor du weiter machst lege am besten noch eine Datenbank für dein Projekt an und trage die Zugriffsdaten in der .env Datei in deinem neuen Projektverzeichnis ein.

DB_CONNECTION=mysql
DB_HOST=datenbank_ip z.B. 127.0.0.1
DB_PORT=datenbank_portnummer z.B. 3306
DB_DATABASE=projekt_datenbank_name
DB_USERNAME=datenbank_login
DB_PASSWORD=datenbank_passwort

Anschließend gehe auf der Konsole einfach in das Verzeichnis mit cd verzeichnis_name und führe nacheinander folgende Befehle aus:

# composer require laravel/jetstream
...
# php artisan jetstream:install livewire
...
# php artisan migrate

  INFO  Preparing database.  

  Creating migration table ................................................................................................................ 8ms DONE

   INFO  Running migrations.  

  2014_10_12_000000_create_users_table ................................................................................................... 19ms DONE
  2014_10_12_100000_create_password_reset_tokens_table ................................................................................... 15ms DONE
  2014_10_12_200000_add_two_factor_columns_to_users_table ................................................................................. 3ms DONE
  2019_08_19_000000_create_failed_jobs_table .............................................................................................. 5ms DONE
  2019_12_14_000001_create_personal_access_tokens_table .................................................................................. 12ms DONE
  2023_03_19_093336_create_sessions_table ................................................................................................ 12ms DONE

#

Mit dem Befehl: php artisan serve kannst du prüfen, ob jetstream funktioniert. Wähle in deinem Browser nun http://127.0.0.1:8000 auf. wenn alles funktioniert solltest du folgende Startseite im Browser sehen.

Du erkennst ob rechts einen Log in und einen Register Link. Herzlichen Glückwunsch du hast deinem Laravel-Projekt ein User-Mangment und Livewire hinzugefügt.

Go Back