XSRF

Laravel Sanctumを使ってログイン機能を実装中にエラーに遭遇。 思考の整理と次に時間を溶かさないようにするためのメモ 結論 .env での SESSION_DOMAIN='localhost' ここが間違えていた。 .env にてセッションを設定するドメインを設定しているので、ドメインを設定する。 開発環境なので localhost で良い。 本番環境のドメインを指定してしまっていたので、セッションクッキーがセットされていなかったよう。考えてみれば当たり前。デプロイ時は本番のドメインを指定する。 ちなみに localhost:8000 だとエラーになるのでポート番号はいらない！ 環…

記事一覧 [サーバーワークス エンジニアブログ] Tailscale SSHでSSHのキー管理から解放された世界線 (2022-07-02) [サーバーワークス エンジニアブログ] 【Security Hub】 リソースの削除保護を有効化しよう(ELB.6,RDS.7,RDS.8) (2022-07-02) [LayerX エンジニアブログ] 「縦で突き抜けて横でイネーブルメントしていく」意思決定の背景、お互いの印象、これからの可能性 (2022-07-01) [Link and Motivation Developers' Blog] 続・作って理解するpry（Ripperでシンタックスハイ…

はじめに 個人的な趣味用途でInstagram Graph APIを使っている（Instagramの投稿をTwitterに投稿する自作プログラムをLambda上で動かしている）のだが、2022/6/27 13:00頃から突然エラーを吐いて動かなくなった。 それ以前にもPlatform側の障害で死んでいたことはちょいちょいあったので、今回もそれかなあ～と思ってたが、違った。 そのメモ、というか同じことをまた起こさないための自分用の備忘録。

はじめに こんにちは、RECJob開発チームエンジニアの佐藤(@r_sato1201)です。 RECJobではLaravelを採用しており、認証システムにLaravel SanctumのSPA認証を使用しています。 今回は、Sanctumを使用した際にXSRF-TOKENクッキーの取り扱いでハマったので備忘録も兼ねて書きたいと思います。 Laravel SanctumのSPA認証の流れ まず、Laravel SanctumのSPA認証の流れを書きたいと思います。 (仕組みや詳しいことは公式リファレンスのSanctumのページを参照してください。) /sanctum/csrf-cookieにリク…

14:50 ①今日は、大分類が変更されたらHTTPで中分類を取ってくる、中分類が変更されたらHTTPで小分類を取ってくるっていうあたりの続きをやってる。SpringBootバックエンド側のエレメントを取ってきてるし、エラーの時はエラーも表示できてる。出来上がりってところ。 ①-1. SpringBootバックエンド側で入力エラー（例えば、大分類の未入力エラー）のとき、スマホへの返却に『late File? gazoFlFile; // 画像File』など、ファイル項目があると、バックエンドからFileをJSONで戻そうとして、例外が発生した。ので、Fileは戻さないようにした。（通常のWEB画…

19:22 ①今日は、バックエンドSpringBootを使ってのファイル保存を調べる。 汎用的に使用できるgetFileFromFilePickerメソッドを作った。かつ、ファイルサイズチェックやっている。拡張子指定して選択している。 ②スマホ画像はこんな感じ フォルダをクリックすると、フォルダが表示される。 ファイルを選択すると、ファイル名が表示される。 登録ボタンを押下すると、登録完了が表示される。 バックエンド側UPLOADフォルダに登録されたことを確認した。 ③PGMはこんな感じ ■gazo_register_amend.dart class _GazoRegisterAmendSta…

21:41 ①バックエンドSpringBootを使っての画像保存を調べる。の、つづき。やっとバックエンドSpringBoot側で画像保存できた。こんな感じ。 まず、ファイルアップロードサイズ指定が小さかったので、大きくした。（具体的にはapplication.propertiesを修正） ■application.propertiesを修正 ＜＜修正前＞＞ #UPLOADファイルMAXサイズ spring.servlet.multipart.max-file-size=1MB spring.servlet.multipart.max-request-size=10MB ＜＜修正後＞＞ #UPL…

9:39 ①今日は、ログアウトを作ろう。 ・・・過去にメニュー画面にはログアウトボタンを付けて、動いていたが、全ての画面にログアウトボタンを付けるので、共通化しないといけないので。 19:37 ①ログアウトができた。CommUtilsクラスにonSignOutComm共通メソッドを作って、どの画面からも呼べるようにした。 ・・・なかなかasyncとawaitがうまくいかなかったり、setState(()をどうするかなど、あと、SpringSecurityのLogoutはステータス=302を返してきたりして、手間取った。多分これで大丈夫だと思う。 ■Flutter側CommUtilsクラスにon…

8：27 ①昨日に続き、ユーザー情報詳細画面を作っている。 14:30 ①とりあえず、ユーザー情報詳細画面が動いた。次は削除ボタンだ。 ■Flutter側スマホ画面 ↓ID=12を選んで詳細ボタン押下。ユーザー情報詳細画面が表示される。 ↓変更ボタン押下。ユーザー情報変更画面が表示される。 ↓登録押下でリスト一覧表示になる。更新OKメッセージも表示される。 ↓ID=12を選んで詳細ボタン押下。ユーザー情報詳細画面が表示される。 ↓一覧に戻るボタン押下。リスト一覧表示が表示される。 ■PC側WEB画面 ↓ID=12を選んで詳細ボタン押下。ユーザー情報詳細画面が表示される。 ↓変更ボタン押下。ユー…

8：23 ①昨日の”まず、すでに登録画面を作成済みなのでこれを利用して更新画面を作ってみよう。”のつづき 登録画面にはIDがないので、IDを追加したが、SpringBoot側DBのIDはLongなのでFlutter側はintにした。いいのかな？ってところはあるけど、ネットではDartのintは”Dartのintとdoubleは非常に広い範囲で扱えると考えていいでしょう。”とか出てくるのでよさそう。そして、現在、まだ動いていない。 10：05 ①「SocketException: OS Error: No route to host, errno = 113, address = 192.168…

8：55 ①昨日の、『並び順を忘れてた。ので、割と簡単そうな、並び順を作っている。まず、Flutter側画面』の続き。そこそこ出来上がったので。 ・昨日日記に上げたスマホ画面と、あれから、作りこんだスマホ画面（メールアドレスで昇順時の画面）とPC.WEB画面での表示 ■昨日日記に上げたスマホ画面 ■あれから、作りこんだスマホ画面（メールアドレスで昇順時の画面）▲▼が追加した。わかりやすくなっていると思う。 ■PC.WEB画面での表示。WEB画面ではタイトル行を押下することにより▲▼を変えることができるが、スマホは、ちょっとちがうかなと思ってドロップダウンリストにしました。 ・ちょっと難しかった…