前回Laravelの設定が終わりました。続いてログイン機能を実装したいと思います。ログイン機能を実装するためにいろいろなツールをインストールする必要がありました。
ログイン機能実装までの流れ
- composerを使用してLaravel/uiをインストールする。
- フロントエンドに必要なパッケージをインストールする。
- 上記2を行うためにnode.js (npm) をインストールする。
- 3 → 2 の順番にインストールする。
- 最後にbootstrapをインストールする。
上記2を実行するためには3,4が必要となります。道のり険しかった~(T_T)
1. Laravel/uiをインストール
ログイン機能をインストール。Laravel8の場合は以下。
composer require laravel/ui
3. node.js (npm) をインストール
Node.js v12 をインストールしました。リポジトリを追加し、インストール。
yum install https://rpm.nodesource.com/pub_12.x/el/7/x86_64/nodesource-release-el7-1.noarch.rpm
yum -y install nodejs
node --version
v12.22.1
参考サイト
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Tm9kZS5qcyUyMHYxMiVFMyU4MiU5Mnl1bSVFMyU4MSVBNyVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MSU5RiVFMyU4MCU4MiUyOENlbnRPUyUyMDclMjkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWNlMTI0ZTY1YWNkMzFiZTdlOTUxZTBkODg2NDAzMDFm&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZGFpY2hpX3BkJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iMmMyNTMwMTMwMTM3ZGRhZDRlMGYyNzViODRlODcyMg&blend-x=142&blend-y=491&blend-mode=normal&s=16647ad899f40f5f66c4a0b044aa4fe4)
Node.js v12をyumでインストールしてみた。(CentOS 7) - Qiita
Node.js v12がリリースnode.js v12 (LTS予定)がリリースされました。v8エンジンがアップグレードされたり、TLS1.3がサポートされたりと、色々変わっているようです。詳…
2. フロントエンドパッケージ のインストール
php artisan ui vue --auth
php artisan migrate ←テーブルを作成
npm install && npm run dev
これでログイン機能が実装されました!
5. bootstrap のインストール
php artisan ui bootstrap
Bootstrap scaffolding installed successfully.
Please run "npm install && npm run dev" to compile your fresh scaffolding.
npm install && npm run dev
おまけ
おお、今の主流は vue.js なのね…さよならjQuery。たくさんお世話になりました。
しばらくwebアプリケーションを触っていないうちにどんどん進化していきますね。vue.js, node.js, npmなどなど…フロントエンドというかjavascriptの進化のスピード早くありません?浦島太郎気分です。
コメント