質問編集履歴

config>application.rbを追加

2021/04/28 11:16

投稿

gozikyu

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -62,123 +62,353 @@
 railsから返ってきたlogged_in:の値によってログイン済みユーザか（セッションが残っているか）を判断しています
+railsでセッションを記録させるリクエストを送るreactコード
+```
+  const signIn = () => {
+    axios
+      .post(
+        process.env.REACT_APP_HOST + ":3001" + "/login",
+        {
+          user: {
+            email: email,
+            password: password,
+          },
+        },
+        { withCredentials: true }
+      )
+      .then((response) => {
+        console.log("registration res", response);
+        const createdId = response.data.id;
+        console.log(createdId);
+        props.login();
+        history.push({ pathname: "/users/" + createdId });
+      })
+      .catch((error) => {
+        console.log("registration error", error);
+        alert("メールアドレスとパスワードの組み合わせが正しくありません。");
+      });
+```
+railsにセッションを確認させるリクエストを送るreactコード
+```
+  const checkLoginStatus = () => {
+    axios
+      .get(process.env.REACT_APP_HOST + ":3001" + "/login", {
+        withCredentials: true,
+      })
+      .then((response) => {
+        console.log(response);
+        setLoggedInStatus(response.data.logged_in);
+        setLoaded(true);
+        if (response.data.logged_in) {
+          return;
+        } else {
+          alert("ログインして下さい");
+          history.push("/signin");
+        }
+      });
+```
+rails routes.rb
+上記リクエストが以下のルートによって、sessions_controllerのnewに届きます
 ```ここに言語を入力
-  const checkLoginStatus = () => {
+  get    '/login',   to: 'sessions#new'
-    axios
-      .get(process.env.REACT_APP_HOST + ":3001" + "/login", {
+　post   '/login',   to: 'sessions#create'
-        withCredentials: true,
-      })
-      .then((response) => {
-        console.log(response);
-        setLoggedInStatus(response.data.logged_in);
-        setLoaded(true);
-        if (response.data.logged_in) {
-          return;
-        } else {
-          alert("ログインして下さい");
-          history.push("/signin");
-        }
-      });
-```
+```
-rails routes.rb
+sessions_controller.rb
-上記リクエストが以下のルートによって、sessions_controllerのnewに届きます
 ```ここに言語を入力
+  before_action :logged_in_user, only: [:new]
+  def create
+    @user = User.find_by(email: signin_params[:email])
+    if @user && @user.authenticate(signin_params[:password])
+      session[:user_id] = @user.id
+      render json: current_user
+    else
+      render status: 404
+    end
+  end
+  def new
+    if current_user
+      render json: { logged_in: true, user: current_user, session: session[:user_id] }
+    else
-  get    '/login',   to: 'sessions#new'
+      render json: { logged_in: false, message: 'ユーザーが存在しません', session: session[:user_id] }
+    end
+  end
-```
+```
-sessions_controller.rb
+application_controller.rb
 ```ここに言語を入力
-  before_action :logged_in_user, only: [:new]
-  def new
-    if current_user
+  def current_user
+    @current_user ||= User.find_by(id: session[:user_id]) if session[:user_id]
+  end
+  def logged_in?
+    !current_user.nil?
+  end
+  def logged_in_user
-      render json: { logged_in: true, user: current_user, session: session[:user_id] }
+    render json: { logged_in: false, message: current_user } unless logged_in?
-    else
+  end
+```
+ブラウザのコンソール画面に表示されたresponse.data
+```ここに言語を入力
+logged_in: false
+message: null
+session: null
+```
+config>application.rb
+```ここに言語を入力
+require_relative 'boot'
+require 'rails'
+# Pick the frameworks you want:
+require 'active_model/railtie'
+require 'active_job/railtie'
+require 'active_record/railtie'
+require 'active_storage/engine'
+require 'action_controller/railtie'
+require 'action_mailer/railtie'
+require 'action_mailbox/engine'
+require 'action_text/engine'
+require 'action_view/railtie'
+require 'action_cable/engine'
+# require "sprockets/railtie"
+require 'rails/test_unit/railtie'
+# Require the gems listed in Gemfile, including any gems
+# you've limited to :test, :development, or :production.
+Bundler.require(*Rails.groups)
+module Myapp
+  class Application < Rails::Application
+    # Initialize configuration defaults for originally generated Rails version.
+    config.load_defaults 6.1
+    # Configuration for the application, engines, and railties goes here.
+    #
-      render json: { logged_in: false, message: 'ユーザーが存在しません', session: session[:user_id] }
+    # These settings can be overridden in specific environments using the files
+    # in config/environments, which are processed later.
+    #
+    # config.time_zone = "Central Time (US & Canada)"
+    # config.eager_load_paths << Rails.root.join("extras")
+    # Only loads a smaller set of middleware suitable for API only apps.
+    # Middleware like session, flash, cookies can be added back manually.
+    # Skip views, helpers and assets when generating a new resource.
+    config.api_only = true
+    config.middleware.insert_before 0, Rack::Cors do
+      allow do
+        origins 'http://localhost:80', 'http://独自ドメイン'
+        resource '*',
+                 headers: :any,
+                 methods: %i[get post patch delete options],
+                 credentials: true
+      end
     end
+    config.hosts << '.example.com'
+    config.hosts << '独自ドメイン'
+    config.hosts << 'localhost'
+    # セッションメソッドを有効にする
+    config.middleware.use ActionDispatch::Cookies
+    config.middleware.use ActionDispatch::Session::CookieStore
+    config.middleware.use ActionDispatch::ContentSecurityPolicy::Middleware
+    config.time_zone = 'Tokyo'
+    config.active_record.default_timezone = :local
+    config.action_dispatch.default_headers = {
+      'Access-Control-Allow-Credentials' => 'true',
+      'Access-Control-Allow-Origin' =>
+      if Rails.env.production?
+        'http://独自ドメイン'
+      else
+        'http://localhost'
+      end,
+      'Access-Control-Request-Method' => '*'
+    }
-  end
+  end
-```
-application_controller.rb
-```ここに言語を入力
-  def current_user
-    @current_user ||= User.find_by(id: session[:user_id]) if session[:user_id]
-  end
+end
-  def logged_in?
-    !current_user.nil?
-  end
-  def logged_in_user
-    render json: { logged_in: false, message: current_user } unless logged_in?
-  end
-```
-ブラウザのコンソール画面に表示されたresponse.data
-```ここに言語を入力
-logged_in: false
-message: null
-session: null
 ```

reactでセッションを確認するリクエストを送る部分、railsでそのリクエストを処理する部分のコードを追加いたしました。

2021/04/28 11:15

投稿

gozikyu

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -51,3 +51,141 @@
 よろしくお願いいたします。
+### 追記
+フロントエンド（react）で以下のコードにより、railsにリクエストを投げてセッションを確認しています。
+railsから返ってきたlogged_in:の値によってログイン済みユーザか（セッションが残っているか）を判断しています
+```ここに言語を入力
+  const checkLoginStatus = () => {
+    axios
+      .get(process.env.REACT_APP_HOST + ":3001" + "/login", {
+        withCredentials: true,
+      })
+      .then((response) => {
+        console.log(response);
+        setLoggedInStatus(response.data.logged_in);
+        setLoaded(true);
+        if (response.data.logged_in) {
+          return;
+        } else {
+          alert("ログインして下さい");
+          history.push("/signin");
+        }
+      });
+```
+rails routes.rb
+上記リクエストが以下のルートによって、sessions_controllerのnewに届きます
+```ここに言語を入力
+  get    '/login',   to: 'sessions#new'
+```
+sessions_controller.rb
+```ここに言語を入力
+  before_action :logged_in_user, only: [:new]
+  def new
+    if current_user
+      render json: { logged_in: true, user: current_user, session: session[:user_id] }
+    else
+      render json: { logged_in: false, message: 'ユーザーが存在しません', session: session[:user_id] }
+    end
+  end
+```
+application_controller.rb
+```ここに言語を入力
+  def current_user
+    @current_user ||= User.find_by(id: session[:user_id]) if session[:user_id]
+  end
+  def logged_in?
+    !current_user.nil?
+  end
+  def logged_in_user
+    render json: { logged_in: false, message: current_user } unless logged_in?
+  end
+```
+ブラウザのコンソール画面に表示されたresponse.data
+```ここに言語を入力
+logged_in: false
+message: null
+session: null
+```
+message: nullとなっているのはapplicaion_controllerのlogged_in_userでcurrent_userが存在したいため。
+current_userが存在しないのはsession[:user_id]が存在しないため。
+つまり、セッションが有効になっていないことが原因と考えております。