Laravel은 처음부터 Vue 관리자 패널을 만듭니다 - 파트 1 - 설치 및 인증

Laravel Breeze 및 Spatie Laravel 권한 패키지를 추가하기 위한 설치 및 단계

블레이드 템플릿을 사용하여 Basic Laravel Admin Panel을 만들었습니다. 이 관리자는 기본 인증, 사용자, 역할 및 권한 관리와 함께 제공됩니다. 또한click here Balde 템플릿 기반 관리자 패널을 시작할 수 있습니다.

Laravel Vue 관리자 패널

Vue를 사용하고 Tailwind CSS 스타일로 단일 페이지 관리자 패널을 빌드할 것입니다. 이 파트 1에서는 설치 및 인증을 수행할 것입니다.

설치

인증

사용자 역할 및 권한

1. 설치

Install Laravel on Docker 블로그 게시물을 팔로우하면 설치를 완료할 수 있습니다. Sail은 Docker을 사용하여 Laravel 프로젝트를 실행하기 위한 내장 솔루션입니다.

설치의 일부에서 아래 명령을 완료했다고 가정합니다.

curl -s https://laravel.build/vue-admin | bash

cd my-app

./vendor/bin/sail up

애플리케이션의 Docker 컨테이너가 시작되면 웹 브라우저http://localhost에서 애플리케이션에 액세스할 수 있습니다.

2. 인증

인증을 위해 Laravel Breeze 스타터 키트를 사용할 것입니다. 이 스타터 키트에는 로그인, 등록, 암호 재설정, 이메일 확인 및 암호 확인이 함께 제공됩니다.

Laravel Breeze also offers React and Vue scaffolding via an Inertia frontend implementation

관리자 패널을 위한 Vue 스캐폴딩을 설정할 것입니다. 다음 단계는 Laravel Vue 관리자 패널에 대한 인증을 설정하는 데 관련됩니다.

1. 라라벨 브리즈 설치

2. 에셋 컴파일

3. 마이그레이션 실행 중

1. 라라벨 브리즈 설치

Composer를 사용하여 Laravel Breeze를 설치해야 합니다.

./vendor/bin/sail composer require laravel/breeze --dev

Laravel Breeze 패키지 설치 후, breeze:install Artisan 명령을 실행해야 합니다. 이 명령은 인증 보기, 경로, 컨트롤러 및 기타 리소스를 애플리케이션에 게시합니다.

./vendor/bin/sail artisan breeze:install vue

2. 자산 컴파일

Breeze가 설치된 후 npm을 실행하여 자산을 컴파일합니다. Vite은 이제 기본 프런트엔드 자산 번들러입니다.

./vendor/bin/sail npm install

./vendor/bin/sail npm run dev

3. 마이그레이션 실행

artisan 마이그레이션을 사용하여 데이터베이스 마이그레이션 실행

./vendor/bin/sail artisan migrate

이제 웹 브라우저에서 애플리케이션의/login 또는/register URL로 이동합니다.



등록 또는 로그인에 성공하면 사용자가 대시보드로 리디렉션됩니다.

3. 사용자 역할 및 권한

SpatieLaravel-permission는 데이터베이스에서 사용자 권한 및 역할을 관리하는 데 가장 적합한 패키지입니다. 이 부분에서는 관리자 패널용으로 이 패키지를 설치하고 사용합니다.

다음 단계는 Laravel 관리자 패널에 대한 역할 및 권한을 설정하는 데 관련됩니다.

1. Spatie Laravel 권한 패키지 설치

2. 구성 및 마이그레이션 파일 게시

3. 마이그레이션 실행 중

1. Spatie Laravel 권한 패키지 설치

composer 명령을 사용하여 패키지 설치

./vendor/bin/sail composer require spatie/laravel-permission

2. 구성 및 마이그레이션 파일 게시

vendor:publish artisan 명령은 패키지 구성을 config 폴더에 게시하는 데 사용됩니다. 또한 마이그레이션 파일을 마이그레이션 폴더에 복사합니다.

./vendor/bin/sail artisan vendor:publish --provider="Spatie\Permission\PermissionServiceProvider"

라라벨 장인 공급업체:게시

3. 마이그레이션 실행

artisan 마이그레이션을 사용하여 마이그레이션 실행

./vendor/bin/sail artisan migrate

이제 Spatie Laravel 권한 패키지를 관리자 패널에 성공적으로 설치했습니다. 패키지는 UI와 함께 제공되지 않습니다.

다음 부분에서는 Laravel에서 첫 번째 Vue CRUD를 만들 것입니다.

GitHub 저장소

"Laravel Vue 관리자 패널"용 GitHub 리포지토리를 만들었습니다. https://github.com/balajidharma/laravel-vue-admin-panel

읽어 주셔서 감사합니다.

더 많은 것을 기대해 주세요!

balajidharma.medium.com에서 저를 팔로우하세요.


다음 파트 — 파트 2: Create Laravel CRUD using Inertia and Vue 3 — list page with search and pagination