いつもお世話になっております。
また皆様のお知恵を賜れたらと思い投稿させていただきます。
前提
社内FAQツール(クローズド)をcakephpで制作していたものをこの度フロント側をVueに置き換え、cakeからAPIを発行して処理するようにリファクタリングをしております。
ツールへのログイン機能はcake側のauthを採用してgoogleログインを実装している為画面構成は下記のような状態を目指しております。
ログイン画面(トップ)...cakephp
googleLogin画面
質問一覧(ログイン後トップ)...vue
質問詳細...vue
質問作成・編集...vue
ユーザーページ...vue
ランキングページ...vue
データのCRUDは基本的にフロント側で受持、都度CRUDしたデータをバックエンドに送信することでDBを更新する仕様になっております。
チームメンバー
フロント...自分
バックエンド...社員1名
やりたいこと
cake側のauth機能によるログイン後にvue側でログインしたユーザーの情報をapiでで受け取り、DOMに反映させたいと考えております(共通headerなど)
困っていること
APIは一通りバックエンドの方に作成をしていただききっていて、今順次フロント側に結合をさせていっているのですが、ログイン後ユーザー情報が取得できず困っています。
最終的にやりたいことはcake側のView画面(ログイン画面)→cakeのauth機能(googleログイン)→vue側のView画面(質問一覧)この流れで処理が走っていったときに質問一覧画面の時点でログインしたユーザーの情報をAPIで受け取り共通headerに出力したいです。
試したこと
- AppController.phpに記述してあります、initialize内にて
'hauth_return_to'
にVue側のURLであるlocalhost:8080
を定義する
→ログイン後リダイレクトは問題なくされましたが、ログインしたユーザー情報はAPIで受け取ると空値が返ってきてしまいます。
- UsersController.php内の
login ()
部分でSessionへの保持
→この記事を参考にやってみたのですが、Sessionへの保持もできませんでした。
最後に
お読みいただきありがとうございました。
自分はフロント4年目になりますので、バックエンド側はまだ初学者レベルでして、、、お手数おかけしてしまいますがその点も踏まえて多くの皆様のお知恵を賜れたらと考えております。
何卒よろしくお願い致します。
あなたの回答
tips
プレビュー