質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

Q&A

0回答

1209閲覧

cakephp3xとVueでアプリケーション作成

TatsuyaAkitsu

総合スコア13

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

0グッド

0クリップ

投稿2019/05/25 10:20

いつもお世話になっております。
また皆様のお知恵を賜れたらと思い投稿させていただきます。

前提

社内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年目になりますので、バックエンド側はまだ初学者レベルでして、、、お手数おかけしてしまいますがその点も踏まえて多くの皆様のお知恵を賜れたらと考えております。

何卒よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問