Biggest Blunder

React.js+Laravel+Viteでサイト基盤を作成!~バックエンド篇

備忘録。。。

1.コマンドラインからPHPインストール

powershell -c "& ([ScriptBlock]::Create((irm 'https://www.php.net/include/download-instructions/windows.ps1'))) -Version 8.5"

※タイムゾーンはUTCにしないとComposerでエラーが出る

システム環境設定でPHPのパスを通す。

2.php.iniの設定をコメントアウトを外す・または追記。

extension=curl
extension=mbstring
extension=openssl
extension=zip
extension=php_fileinfo.dll
extension=pdo_mysql

3.Composerのダウンロード

以下のサイトから、Windows Installerの項目にあるComposer-Setup.exeのリンクをクリック

https://getcomposer.org/download

Composerをインストール。

4.Laravelのプロジェクト作成

以下のコマンドでbackend(任意の命名)フォルダが作成されているのを確認。

composer create-project laravel/laravel backend

作業フォルダに移動

cd backend

composer.lockに書かれている各ライブラリをインストール

composer install

5.CORS設定の有効化

config/cors.php作成

php artisan config:publish cors

フロントエンド(別ポート・別ドメイン)からのAPIリクエストを受け付ける為、config/cors.phpを設定。

return [
  'paths' => ['api/', 'sanctum/csrf-cookie'],
  'allowed_methods' => [''],
  'allowed_origins' => ['http://localhost:5173'], // Viteの開発サーバーURL
  'supports_credentials' => true, // Cookie認証を使う場合
];

6.暗号化キーの設定

Laravelアプリケーションで暗号化通信やセッション、クッキー、ユーザーパスワード以外の機密データなどを安全に保護するため暗号化キー(APP_KEY)を設定する。

php artisan key:generate

設定した値が反映されていない可能性があるため、キャッシュをクリア。

php artisan config:clear

7.MariaDBのダウンロード

以下のサイトで、まずスクロール。Latest releasesのTLS版をダウンロードし、任意のパスワードでインストールする。

MariaDB Foundation

MariaDB起動(既にしていました)。

net start mariadb

HeidiSQLでデータベースとユーザー作成。

8..env変更~マイグレーション

作業(backend)フォルダ直下の.envの修正。

DB_CONNECTION=mariadb
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=MariaDBで作成したデータベース名
DB_USERNAME=MariaDBで作成したユーザー名
DB_PASSWORD=MariaDBで作成したパスワード

設定が正しく完了しているか、テーブル(空のDB)にマイグレーションを実行して確認。

php artisan migrate

9.Laravelのサーバーを起動してブラウザで確認

php artisan serve --port=8000

localhost:8000にアクセスし、Laravelの初期HPが表示されていればOK。