Tailwind 대신 Bootstrap 4를 사용하는 Laravel 8 인증

5099 단어 laravel
라라벨 8이 출시되었습니다! 그리고 그것으로 전면적인 변화를 가져왔습니다. 그러한 놀랍지만 논쟁의 여지가 있는 변화 중 하나는 Laravel Jetstream입니다. Laravel Jetstream은 아름답게 디자인된 애플리케이션 스캐폴딩이며 인증 시스템을 위한 두 개의 스택과 함께 제공됩니다.

1) Tailwind CSS + 라이브와이어

2) Tailwind CSS + Inertia.js

이제 이 두 스택은 훌륭하고 아름답지만 개발자에게 익숙한 Bootstrap/jQuery 기반 스택과는 매우 다릅니다. 따라서 개발자가 Laravel의 인증 스캐폴딩을 사용하려는 경우 학습 곡선이 있습니다. Laravel은 더 이상 부트스트랩 기반 인증 스캐폴딩과 함께 제공되지 않기 때문에 안타깝습니다.

그러나 그것이 오픈 소스 세계의 아름다움입니다. 누구나 원하는 대로 이러한 시스템을 수정하거나 새로운 플러그인 또는 통합을 구축할 수 있습니다.

오늘은 새로운 라라벨 8 앱에서 부트스트랩 기반 인증 스캐폴딩을 계속 사용할 수 있는 방법에 대해 알아보겠습니다. 우리는 우리가 가장 좋아하는 Laravel/UI 패키지를 사용하여 오래된 부트스트랩 기반 인증 스캐폴딩을 다시 가져올 것입니다.

1) 라라벨 프로젝트 생성

If you have installed Laravel Installer (You can follow instructions from our ) then simply execute below command:

laravel new laravelauth

else, execute below command:

composer create-project laravel/laravel --prefer-dist laravelauth

then go to your project folder :

cd laravelauth

2) 라라벨/UI 설치

Laravel UI is an official package that offers basic Auth Scaffolding built on the Bootstrap CSS framework. Latest version of Laravel/UI supports Laravel 8 so we will use this package to import authentication pages, controllers, and other components.

Run below command:

composer require laravel/ui

3) 라라벨에 부트스트랩 설치

Laravel UI offers three options for Auth Scaffolding - 1) Bootstrap, 2) Vue and 3) React. So, we will install bootstrap for our case.

Run below command:

php artisan ui bootstrap --auth

You can observe that we have used —auth flag here. Without that flag, above command will only install bootstrap and basic scaffolding. The —auth flag installs login and registration scaffolding as well.

4) NPM 패키지 설치

We have configured bootstrap and other related dependancies in package.json in previous step, so now we will actually install it.

Before moving forward, make sure you have node installed in your system. You can check node version via below command:

# for node
node -v

# for npm
npm -v

Now, let's install the dependencies and compile our assets.

npm install && npm run dev

5) 데이터베이스 마이그레이션

First, we should configure our database settings. In your .env file located at the root of your project, udpate the database config as per your system. [If you don't find .env file, simply create new one and add the credentials as per the example below] :

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret

Then, we will create database tables via migration by executing below command:

php artisan migrate

6) 개발 서버 실행

Finally, it's time to test your Laravel Application with Bootstrap based scaffolding. Sometimes, OLD IS GOLD.

php artisan serve

스크린샷:





이 기사가 도움이 되었기를 바랍니다. Bootstrap 대 Tailwind에는 확실한 승자가 없습니다. 선호도에 관한 것입니다. Laravel 8은 Livewire 또는 Inertia 스택과 함께 Tailwind를 선호하기 때문에 Bootstrap을 대신 사용하려는 개발자에게는 혼란스러울 수 있습니다. 따라서 다음 프로젝트 작업을 시작하십시오.

안녕!

더 많은 팁과 자습서를 보려면 join my newsletter

좋은 웹페이지 즐겨찾기