Laravel5.5 시작하기 ~ 2. 사용자 로그인 기능 추가 ~

7090 단어 PHP7Vue.jslaravel5.5

내용



다음 순서로 정리합니다.
1. Mac에 XAMPP+Laravel 설치
2. 사용자 로그인 기능 추가 ←지금 여기
3. MVC 및 라우팅 설명
4. 사용자 목록 표시
5. 사용자 목록의 페이지 네이션보기
6. 사용자 관리 API 추가
7. Vue.js 및 API 기반 사용자 관리 앱 추가 준비
8. Vue.js 및 API 기반 사용자 관리 앱 추가
9. Vue.js 및 API 기반 사용자 관리 앱에 대한 Pagination 추가
10. API에 JWTAuth 인증 추가
11. Vue.js 및 API 기반 사용자 관리 앱에 인증 추가

2. 사용자 로그인 기능 추가



방금 만든 Laravel 프로젝트 "userauth"에 사용자 등록 및 로그인 기능을 추가합니다.

2.1. Laravel 프로젝트에 인증 기능을 추가합니다.


$ php artisan make:auth
Authentication scaffolding generated successfully.

2.2. AppServiceProvider.php 수정



MySQL의 ver5.7.7 이전에는 PRIMARY_KEY 및 UNIQUE_KEY를 붙인 컬럼에는 최대 767bytes까지밖에 들어가지 않습니다만, Laravel5.4부터는 표준 charaset이 utf8mb4가 되었기 때문에 1문자당 최대 byte수가 4bytes로 증가했기 때문에 기본값으로 남아 있으면 오류가 발생합니다. 따라서 "app/Providers/AppServiceProvider.php"를 다음과 같이 수정합니다.

app/Providers/AppServiceProvider.php
<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema; // 追加

...(中略)

    public function boot() 
    { 
        Schema::defaultStringLength(191); // 追加
    } 

...(中略)

2.3. Laravel 환경 설정 파일 인 .env 파일 편집



프로젝트 폴더 바로 아래에 Laravel 프로젝트가 전역적으로 사용하는 환경 변수를 설정하는 .env 파일이 있습니다. 사용자 등록을 위한 데이터베이스와 테이블을 준비할 필요가 있으므로 아래와 같이 MySQL 데이터베이스와 관련된 정보를 설정합니다.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=test # インストール時にテスト用に作成されたデータベース。必要に応じてcreate databaseしたデータベースをセットしてもかまいません。
DB_USERNAME=root # 本番ではアクセス用のユーザを作成が推奨されますが、ここでは簡単にrootを使います。
DB_PASSWORD=secret # 「Laravel5.5こと始め 〜1. MacへのXAMPP+Laravelインストール〜」で設定したパスワードを設定します。

2.4. Laravel 마이그레이션 기능을 사용하여 사용자 테이블 만들기



Laravel은 매우 고급 데이터베이스 마이그레이션 기능을 가지고 있습니다. 인증 기능을 활성화하면 "database/migration"폴더에 아래의 PHP 파일이 복사됩니다.
$ ls database/migrations/
2014_10_12_000000_create_users_table.php        2014_10_12_100000_create_password_resets_table.php

이름으로부터 추측할 수 있듯이, 「2014_10_12_000000_create_users_table.php」는 유저 정보를 저장하는 「users」테이블을 작성하는 PHP 스크립트로, 「2014_10_12_100000_create_password_resets_table.php」는 패스워드 리셋트의 토크 스크립트가 됩니다.

좋은 생각은 알다시피, "php artisan"명령을 사용하면이 스크립트가 실행되어 create table되는 것입니다.
$ php artisan migrate:fresh
Dropped all tables successfully.
Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table

phpMyAdmin( http://localhost/phpmyadmin )을 보면 'test'데이터베이스에 'users' 테이블과 'password_resets' 테이블이 새로 생성되었음을 알 수 있습니다.


그림 1. phpMyAdmin 캡처 이미지

2.5. 사용자 등록 확인



개발 서비스를 시작하고 사용자 등록, 찾아보기, 수정 및 삭제를 시도합니다.

2.5.1 개발 서비스 시작


$ php artisan serve
Laravel development server started: <http://127.0.0.1:8000>

2.5.2 사용자 등록



브라우저에서 http://localhost:8000/으로 이동하여 오른쪽 상단의 REGISTER 버튼을 누릅니다.



등록 화면이 표시되므로 필요한 정보를 입력하고 "Register"버튼을 누릅니다. Register 화면에서 사용자 정보를 입력하고 Register 버튼을 누릅니다.



그러면 사용자 등록이 완료되고 등록된 사용자로 즉시 로그인됩니다.



phpMyAdmin( http://localhost/phpmyadmin )을 참조하면 사용자가 등록되어 있는 것을 볼 수 있습니다.



이것으로 "2. 사용자 로그인 기능 추가"가 완료되었습니다.

다음은 "3. MVC 및 라우팅 설명"입니다.

좋은 웹페이지 즐겨찾기