会員登録時に送信されるメールの URL にアクセスすると、「403 THIS ACTION IS UNAUTHORIZED.」のエラーになってしまう。 app/Http/Middleware/TrustProxies.php の proxies を ‘**’ に変更します。 メールに記載された URL を https にする為に、app/Providers/AppServiceProvider.php の bootメソッド に以下のforceScheme を追加します。 本番環境とステージング環境を https、ローカル環境を http にするなら↓こちらです。 Laravel でリバースプロキシを使うなら、この２か所を修正ですね。
Laravel httpsの場合、会員登録時のメール認証でエラーになる Read More »
Laravel と Livewire をインストールして、ファイルアップロードのサンプルプログラムを作成する手順。 プロジェクト名（upload）を決めて以下のコマンドを実行します。 インストール時にプロジェクト名のディレクトリが作成されます。 インストールの最後に sudo でパスワードの入力を求められます。 ↓下のメッセージが表示されてインストールは終わります。 sail のエイリアスを定義します。 Laravel のインストールはここまで。 「sail up」でコンテナを起動します。 ララベルのトップディレクトリで、Livewireパッケージ をインストールします。 次のコマンドを実行して、uploadコンポーネント を生成します。 次の 2つ のファイルが生成されます。 ※因みに、renderメソッド を定義しなくても livewire.upload は呼び出されます。 生成された uploadコンポーネント のクラスとビューを次のように置き換えます。 resources/views/layouts/app.blade.phpファイル を作る為に、layoutディレクトリ を作成します。 「フルページコンポーネントは resources/views/layouts/app.blade.php の {{ $slot }} にレンダーされる」と見かけましたが、ここまでの手順で app.blade.phpファイル はできていませんでしたので作成します。 resources/views/layouts/app.blade.phpファイル を作成します。 routes/web.php に Livewireコンポーネント のルートを追加します public/storage で参照できるように、storage/app/public にリンクをはります。 ブラウザで確認します。
Livewire でファイルアップロードするには？upload Read More »
完成系は↓これです。 Laravel と Livewire をインストールして、カウンターのサンプルプログラムを作成してみます。 プロジェクト名（counter）を決めて以下のコマンドを実行します。 インストール時にプロジェクト名のディレクトリが作成されます。 インストールの最後に sudo でパスワードの入力を求められます。 ↓下のメッセージが表示されてインストールは終わります。 sail のエイリアスを定義します。 Laravel のインストールはここまで。 「sail up」でコンテナを起動します。 ララベルのトップディレクトリで、Livewireパッケージ をインストールします。 次のコマンドを実行して、counterコンポーネント を生成します。 次の 2つ のファイルが生成されます。 ※因みに、render メソッド を定義しなくても livewire.counter は呼び出されます。 生成された counterコンポーネント のクラスとビューを次のように置き換えます。 resources/views/layouts/app.blade.phpファイル を作る為に、layoutディレクトリ を作成します。 「フルページコンポーネントは resources/views/layouts/app.blade.php の {{ $slot }} にレンダーされる」と見かけましたが、ここまでの手順で app.blade.phpファイル はできていませんでしたので作成します。 resources/views/layouts/app.blade.phpファイル を作成します。 web.php に Livewireコンポーネント のルートを追加します ブラウザで確認します。 ブラウザでページをリロードすると、レンダリングされた counterコンポーネントが表示されます。「+」ボタンをクリックすると、ページをリロードせずにページが自動的に更新されます。マジック！
Livewire を使うには？パート２ Read More »
「Livewire では、次のように JavaScript でイベント リスナーを登録できます。」 「この機能は実際には信じられないほど強力です。たとえば、Livewire が特定のアクションを実行したときにアプリ内でトースター (ポップアップ) を表示するリスナーを登録できます。これは、Livewire を使用して PHP と JavaScript の間のギャップを埋める多くの方法の 1 つです。」ということで、これは凄い機能だと思います。 更新ボタンが押されて、onModifyメソッド で何か処理を行い、ブレード側 にイベントを発火する例。 Livewireコンポーネント のメソッドで「$this->emit()」でイベントを発火します。 ブレード側の Livewire.onメソッド で modifiedイベント を受け取り、受信したメッセージをダイアログに表示します。
Livewireコンポーネントでイベントを発火するには？ Read More »
確認ダイアログで「はい」ボタンが押された時に、「Livewire.emit(‘modify’)」で modifyイベント を発火させます。 以下の変更ボタンのように「wire:click=”modify”」となっていれば、リスナーに modifyイベント を登録しなくても 呼び出すことができましたが、wire:click を記載しない場合には、リスナーにイベントを登録する必要がありました。
Livewire 確認ダイアログでイベントを発火するには？ Read More »
Laravel をインストールして S3 にファイルを保存する手順。 プロジェクト名（s3）を決めて以下のコマンドを実行します。 インストール時にプロジェクト名のディレクトリが作成されます。 インストールの最後に sudo でパスワードの入力を求められます。 ↓下のメッセージが表示されてインストールは終わります。 sail のエイリアスを定義します。 Laravel のインストールはここまで。 「sail up」でコンテナを起動します。 league/flysystem-aws-s3-v3 パッケージ をインストールします。 .envファイル を修正します。 routes/web.phpファイル を修正します。 ブラウザでアクセスすると、アンサーズのロゴを取得し、ロゴを S3 に保存します。 ブラウザでアクセスして、次に S3 にファイルが保存されているか確認してみましょう。
Laravel で S3 にファイルを保存するには？ Read More »
@for_extract を使うには app/Providers/AppServiceProvider.php に for_extract と endfor_extract を定義するだけです。 ブレードでの使い方は↓これだけです。$article の title にアクセスできます。 @foreach を参考にしていますので、loop変数 も使えます。 ローカル変数にプレフィックスを付ける場合は、第２パラメータに設定します。 因みに、@for_extract の前に考えていたのは @extract ディレクティブ です。「@foreach の次にどうせ @extract をきめるなら、一緒にしてしまってもいいかなぁ」と思ったわけですね。
Laravel @for_extract Read More »
