소개

지난번 , 전회 과 SPA로 구축하는 Laravel 어플리케이션이라고 하는 것으로 자신용의 아웃풋을 해 왔습니다만, 일단 형태가 되었으므로 샘플 어플리케이션으로서 공개하고 싶었습니다.

소스 코드는 GitHub 입니다.

간단한 해설

로그인은 Laravel 표준 기능을 사용합니다.

로그인 화면만은 레거시인 것을 유용했습니다.

API로 로그인 구현하는 것 귀찮아 보인다.

로그인 후에는 Vue.js 에 둥글게 던져 있으므로 화면 전환 없이 조작할 수 있게 됩니다.

DB와의 제휴는 실시하지 않습니다.

모범 사례입니까? 아니, 「일단 움직인다」입니다.

Vue.js 측 관리 파일 app.js 를 다음과 같이 분할했습니다.

라우팅을 관리하기위한 routes.js 만들기

구성 요소를 관리하기위한 myComponents.js 만들기

루트 소개

기본적으로 사용하는 경로는

/index

/login

/

/test

뿐입니다.

모든 루트를 보려면 ...
생략되었습니다. 자세한 내용을 보려면 클릭하십시오.

route

+--------+----------+-----------------------------------------+-----------------------+----------------------------------------------------------------------------+----------------------------------------------+
| Domain | Method   | URI                                     | Name                  | Action                                                                     | Middleware                                   |
+--------+----------+-----------------------------------------+-----------------------+----------------------------------------------------------------------------+----------------------------------------------+
|        | GET|HEAD | _debugbar/assets/javascript             | debugbar.assets.js    | Barryvdh\Debugbar\Controllers\AssetController@js                           | Barryvdh\Debugbar\Middleware\DebugbarEnabled |
|        | GET|HEAD | _debugbar/assets/stylesheets            | debugbar.assets.css   | Barryvdh\Debugbar\Controllers\AssetController@css                          | Barryvdh\Debugbar\Middleware\DebugbarEnabled |
|        | DELETE   | _debugbar/cache/{key}/{tags?}           | debugbar.cache.delete | Barryvdh\Debugbar\Controllers\CacheController@delete                       | Barryvdh\Debugbar\Middleware\DebugbarEnabled |
|        | GET|HEAD | _debugbar/clockwork/{id}                | debugbar.clockwork    | Barryvdh\Debugbar\Controllers\OpenHandlerController@clockwork              | Barryvdh\Debugbar\Middleware\DebugbarEnabled |
|        | GET|HEAD | _debugbar/open                          | debugbar.openhandler  | Barryvdh\Debugbar\Controllers\OpenHandlerController@handle                 | Barryvdh\Debugbar\Middleware\DebugbarEnabled |
|        | GET|HEAD | api/logout                              |                       | Closure                                                                    | api,auth:api                                 |
|        | POST     | api/message                             |                       | Closure                                                                    | api,auth:api                                 |
|        | GET|HEAD | api/user                                |                       | Closure                                                                    | api,auth:api                                 |
|        | GET|HEAD | home                                    | home                  | App\Http\Controllers\HomeController@index                                  | web,auth                                     |
|        | GET|HEAD | index                                   |                       | Closure                                                                    | web                                          |
|        | GET|HEAD | login                                   | login                 | App\Http\Controllers\Auth\LoginController@showLoginForm                    | web,guest                                    |
|        | POST     | login                                   |                       | App\Http\Controllers\Auth\LoginController@login                            | web,guest                                    |
|        | POST     | logout                                  | logout                | App\Http\Controllers\Auth\LoginController@logout                           | web                                          |
|        | DELETE   | oauth/authorize                         |                       | \Laravel\Passport\Http\Controllers\DenyAuthorizationController@deny        | web,auth                                     |
|        | POST     | oauth/authorize                         |                       | \Laravel\Passport\Http\Controllers\ApproveAuthorizationController@approve  | web,auth                                     |
|        | GET|HEAD | oauth/authorize                         |                       | \Laravel\Passport\Http\Controllers\AuthorizationController@authorize       | web,auth                                     |
|        | GET|HEAD | oauth/clients                           |                       | \Laravel\Passport\Http\Controllers\ClientController@forUser                | web,auth                                     |
|        | POST     | oauth/clients                           |                       | \Laravel\Passport\Http\Controllers\ClientController@store                  | web,auth                                     |
|        | PUT      | oauth/clients/{client_id}               |                       | \Laravel\Passport\Http\Controllers\ClientController@update                 | web,auth                                     |
|        | DELETE   | oauth/clients/{client_id}               |                       | \Laravel\Passport\Http\Controllers\ClientController@destroy                | web,auth                                     |
|        | GET|HEAD | oauth/personal-access-tokens            |                       | \Laravel\Passport\Http\Controllers\PersonalAccessTokenController@forUser   | web,auth                                     |
|        | POST     | oauth/personal-access-tokens            |                       | \Laravel\Passport\Http\Controllers\PersonalAccessTokenController@store     | web,auth                                     |
|        | DELETE   | oauth/personal-access-tokens/{token_id} |                       | \Laravel\Passport\Http\Controllers\PersonalAccessTokenController@destroy   | web,auth                                     |
|        | GET|HEAD | oauth/scopes                            |                       | \Laravel\Passport\Http\Controllers\ScopeController@all                     | web,auth                                     |
|        | POST     | oauth/token                             |                       | \Laravel\Passport\Http\Controllers\AccessTokenController@issueToken        | throttle                                     |
|        | POST     | oauth/token/refresh                     |                       | \Laravel\Passport\Http\Controllers\TransientTokenController@refresh        | web,auth                                     |
|        | GET|HEAD | oauth/tokens                            |                       | \Laravel\Passport\Http\Controllers\AuthorizedAccessTokenController@forUser | web,auth                                     |
|        | DELETE   | oauth/tokens/{token_id}                 |                       | \Laravel\Passport\Http\Controllers\AuthorizedAccessTokenController@destroy | web,auth                                     |
|        | POST     | password/email                          | password.email        | App\Http\Controllers\Auth\ForgotPasswordController@sendResetLinkEmail      | web,guest                                    |
|        | GET|HEAD | password/reset                          | password.request      | App\Http\Controllers\Auth\ForgotPasswordController@showLinkRequestForm     | web,guest                                    |
|        | POST     | password/reset                          |                       | App\Http\Controllers\Auth\ResetPasswordController@reset                    | web,guest                                    |
|        | GET|HEAD | password/reset/{token}                  | password.reset        | App\Http\Controllers\Auth\ResetPasswordController@showResetForm            | web,guest                                    |
|        | GET|HEAD | register                                | register              | App\Http\Controllers\Auth\RegisterController@showRegistrationForm          | web,guest                                    |
|        | POST     | register                                |                       | App\Http\Controllers\Auth\RegisterController@register                      | web,guest                                    |
|        | GET|HEAD | {any}                                   |                       | Closure                                                                    | web,auth                                     |
+--------+----------+-----------------------------------------+-----------------------+----------------------------------------------------------------------------+----------------------------------------------+

도입 절차

README.md 에 거의 거의 기술되고 있습니다.
덧붙여 사전에 homestead 의 환경은 구축되고 있는 전제로 이야기를 하고 있습니다.

콘솔

# プロジェクトのクローン
git clone https://github.com/tosite0345/vue.js-laravel-sample.git

# 以下はvagrant上で行う
vagrant ssh

cd 'project-root'

# composerで依存関係を注入する
composer install

# .env・config等の設定ファイルをキャッシュ化
php artisan config:cache

# このコマンドでサンプルユーザーを作成する
# mail : [email protected]
# pass : secret
php artisan migrate
php artisan db:seed

# passportをインストール
php artisan passport:install

소감

아무래도 <template> 를 성대하게 착각하고 있던 모양.
조금씩 알게 된 것 같아서, 최종적으로는 Onsen UI 와 병존할 수 있도록 해 갈까, 모르는 것 가득하다.
이것을 베이스로 카쵸 잘 기능 강화해 가고 싶은 소존.