社内サイト構築勉強③(さくらのレンタルサーバ+Laravel)：Bootstrapテンプレート利用

前提・概要

プロジェクトは前回記事にて作成したものを想定。

本日の完成形

テンプレート画面が表示される

1.テンプレート適用

こちらの内容を参考にさせていただきました。

ただし手順は結構変えてしまっているので、こちらでも記載します。

①LaravelにBootstrapをインストール

前回手順でインストールしてしまいましたが、コマンド下記です。

cmd

php artisan ui bootstrap --auth

②Bootstrapのテンプレートをダウンロード

SB Admin 2 を入れてみました。
下記からfree downloadにてダウンロードしました。

③top.blade.phpを作成

DLしたindex.htmlをresources -> views -> top.blade.php としてコピーしました。

④フォルダのコピー

DLしたフォルダの中になるフォルダを全て（css・img・js・scss・vendor）を全て、public の直下へコピーしました。

⑤web.phpを編集

routes/web.php

Route::get('/top', function () {
    return view('top');
});

動作確認

サーバ起動

cmd

cd C:\Users\ADMIN\source\repos\社内サイト
php -S localhost:8000 -t public

http://localhost:8000/top
へアクセス。

テンプレート画面が表示される

左下の「<」ボタンも押下してアコーディオンが動作することを確認。

2.さくらのレンタルサーバにて動作確認

①git push

git にてpush しておく

②さくらのレンタルサーバへssh接続

cmd

ssh FTPアカウント@FTPサーバ名

③git pull

cmd

cd 社内サイト
git pull original master

④ブラウザからアクセス

https://xxx.sakura.ne.jp/社内システム/top
にてSB Admin 2 のテンプレートと同様のものが表示さればOK