常連

##やりたいこと
現在バックエンドをrails -apiモード、フロントはreactでポートフォリオ を作成中です。
ログイン後に、再度ログインを保持する（current_userを確認する）機能を作成したいと思ってます。

しかし、`logged_in?`のメソッドを実行した時に、
session[:user_id]がnilになってしまい、うまく@current_userに代入できません。
(ログイン時にはsession[:user_id]がしっかり入るのですが、logged_in?の時に消えてしまう。)

なぜsession[:user_id]がnilになってしまうのでしょうか？
（cookieは同じ値で飛んでいる気がします）

##試したこと

`binding.pry`で以下のことを確認

```applicationController
def current_user
    if session[:user_id]
      @current_user ||= User.find_by(id: session[:user_id])
    end
    binding.pry←ここにセット
  end
```

```irb
[2] pry(#<Api::V1::SessionsController>)> session[:user_id]
=> nil
[3] pry(#<Api::V1::SessionsController>)> @current_user
=> nil
```

##6/30追記
デバックツールで確認したところsessions_controller.application_controller共にメソッド自体は機能している模様ですが、
session[:user_id]はnilのままです。

cookieも同じ値が行っているのですが、sessionがうまくいきません。



##関連コード


```sessionscontorller


module Api
  module V1
    class SessionsController < ApplicationController
      before_action :current_user, only: [:logged_in?]

#loginでurl飛んできた後に実行するメソッド
      def create
          @user = User.find_by(email: session_params[:email])

          if @user && @user.authenticate(session_params[:password])
              login @user
              render json: { 
                logged_in: true, 
                user: @user }
          else
              render json: { status: 401, errors: ['正しいメールアドレス・パスワードを入力して下さい' ] ,user: @user ,session:session{user_id}}
          end
      end

#logged_inでurl飛んできた後に実行するメソッド
      def logged_in?
          if  @current_user
              render json: { logged_in: true, user: @current_user }
          else
              render json: { logged_in: false, errors: 'ユーザーが存在しません,ログインし直して下さい' }
          end
      end

      private

          def session_params
              params.require(:user).permit(:email, :password)
          end
    end
  end
end
```

```Applicationcontroller

class ApplicationController < ActionController::API
  include ActionController::Helpers
  before_action :fake_load
  skip_before_action :verify_authenticity_token, raise: false
  # Railsが認証トークンを使用しないように

  helper_method :login, :current_user

  def login(user)
    session[:user_id] = user.id
  end


  def current_user
    if session[:user_id]
      # @current_user ||= User.find(id: session[:user_id])
      @current_user ||= User.find(session[:user_id])
    end
  end
end
```

```routes

Rails.application.routes.draw do
  namespace :api do
    namespace :v1 do
      root 'static_pages#home'
      post '/signup', to: 'users#create'

      post '/login',to:'sessions#create'
      get '/logged_in', to: 'sessions#logged_in?'
      delete '/logout',to:'sessions#logout'

      resources :users 
      resources :recipes

    end
  end
end
```

お手数ですが、どうすればsession[user_id]を取り出して@current_userにログイン中のuserを格納し、フロントへ返せるか教えていただけると幸いです。

##参考にしたサイト
https://qiita.com/kurawo___D/items/d5257e69bcb300908687#user%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8bcrypt%E3%81%AE%E8%A8%AD%E5%AE%9A

https://railsguides.jp/action_controller_overview.html#%E3%82%BB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3

##環境
・ローカル環境
・ruby 3.0.0p0 (2020-12-25 revision 95aff21468) [x86_64-darwin19]
・Rails 6.1.3.1

###前回の質問

https://teratail.com/questions/345569

##追加のコード 


フロントエンド　ログイン部のuseAuth

```
/* eslint-disable react-hooks/exhaustive-deps */
import { useCallback, useState } from "react";
import axios from "axios";
import { useHistory } from "react-router-dom";

import { useMessage } from "./useMessege";
import { useLoginUser } from "./useLoginUser"

import { loginURL } from '../urls/index'

export const useAuth = () => {
  const history = useHistory();
  const { showMessage } = useMessage();
  const { setLoginUser } = useLoginUser();

  const [loading, setLoading] = useState(false);


  const login = useCallback((data) => {
    setLoading(true);
    //ローディングアイコンをtrueに
    axios.post(loginURL,
      {
        user: {
          email: data.email,
          password: data.password,
        }
      },
      { withCredentials: true }
    ).then(response => {
      if (response.data.logged_in) {
        // contextにログインユーザーの情報を保存
        setLoginUser(response.data)
        // handleSuccessfulAuth(response.data);
        showMessage({ title: "ログインしました", status: "success" });
        history.push("/mypage");
        // apiを叩き成功したらメソッドが起動し、data(userのデータ)をmypageに渡してページ遷移する
      }
      // 認証できなかった時のエラー
      else if (response.data.status === 401) {
        showMessage({ title: `${response.data.errors}`, status: "error" });
      }
      // うまくpostできなかった時のエラー
    }).catch((e) => {
      showMessage({ title: "認証できませんでした。再度リロードなどを行いやり直して下さい", status: "error" });
      setLoading(false);
    })
  }, [history, showMessage, setLoginUser]);

  return { login, loading };
};
```

ログインをチェックするuseAuthCheck
```
/* eslint-disable react-hooks/exhaustive-deps */
import { useCallback } from "react"
import axios from "axios";
import { useHistory } from "react-router-dom";

import { useMessage } from "./useMessege";
import { useLoginUser } from "./useLoginUser"
import { logged_inURL } from '../urls/index'

export const useAuthCheck = () => {
  const { setLoginUser } = useLoginUser();
  const history = useHistory();
  const { showMessage } = useMessage();


  const CheckAuth = useCallback(() => {
    axios
      .get(logged_inURL,{ withCredentials: true })
      .then(response => {
        if (response.data.logged_in === true) {
          setLoginUser(response.data.user)
        }
        // 認証できなかった時のエラー
        else if (response.data.logged_in === false) {
          showMessage({ title: `${response.data.errors}`, status: "error" });
          history.push("/login");
          console.log(response.data.session)
          console.log(response.data.user)
        }
        // うまくpostできなかった時のエラー
      }).catch((e) => {
        showMessage({ title: "再度送信して下さい", status: "error" });
      })
  }, []);
  return { CheckAuth };
}
```

loginメソッド実行のブラウザのネットワーク
![イメージ説明](21517a56267d07f33dce01bc70d359c5.png)

logged_inメソッド実行のブラウザのネットワーク部
![イメージ説明](e08e1627c624bea3d155aa4e90402bc7.png)

sessions_store.rbでフロントエンドのドメインを変更し、cookieの保持は可能になりました。

```
if Rails.env === 'production'
  Rails.application.config.session_store :cookie_store, key: '_cooklog', domain: 'localhost3001'
else
  Rails.application.config.session_store :cookie_store, key: '_cooklog'
end
```

![イメージ説明](c1cd86fbf42fedea1b28fdd13e727949.png)

![イメージ説明](e6b8922e25ec4771a34f60b4853af2b0.png)
※同一cookie

cors.rb

```

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  # ローカル環境
  allow do
    origins "http://localhost:3001"

    resource "*",
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head],
      credentials: true
  end
end
```

ひたすらに詰まっております、、、わかる方がいらっしゃればご回答いただけると嬉しいです。。

session[:user_id]がnilになってしまう

WindowsのPCでVirtualBox上でCentOS7を使っています。

su
su root
などのコマンドでrootユーザーに切り替えができません。

以下2つのユーザーがいます。
root
taro

taroでログイン中にsuコマンドを使うと、
パスワード入力を求めら、rootのパスワードを入れると
su: Authentication failure
と表示されます。
以前はこの手順でrootに切り替わっていました。

exitコマンドで、taroを一旦ログアウト、
VirtualBoxのターミナル上に
localhost login: 
というプロンプトが出てきて
root
と入力しエンター、
Password:
というプロンプトが出てきて
rootのパスワードを入力しエンター。

これでログインできるので
rootのパスワードが間違っている訳ではないです。

確認のために
useradd jiro
passwd jiro
コマンドで新しくjiroというユーザーを作成。

rootでログイン中
su taro
su jiro
どちらも成功。
パスワード入力を求められず、ユーザーが切り替わる。

taroでログイン中
su root
su jiro
どちらも失敗。
パスワード入力を求められ、正しいパスワードを入力したはずなのに
su: Authentication failure

jiroでログイン中
su root
su taro
どちらも失敗。
パスワード入力を求められ、正しいパスワードを入力したはずなのに
su: Authentication failure

rootユーザーに切り替わらないというよりは、suコマンドのパスワード照合処理がうまいくっていないという印象？

suコマンドが使えなくなる現象について、何かご存知でしたらアドバイスをお願いします。

CentOS7、suコマンドでrootにログインできない、パスワードは絶対あっているのになぜ？

### 実現したいこと

Gmailのように、複数アカウントを持っていて、
アカウントAでログインした後に、画面右上のアカウント選択で別のアカウント（アカウントB）を選択すると別タブでアカウントBのGmail画面が表示され、本タブでログインしたアカウントAと別タブでログインしたアカウントB、
両方とも操作できるようになると思います。

このようなセッション管理の仕組みが知りたいです。技術的にどのような知識が必要でしょうか？

想定しているWEBアプリケーションの構成は、
javascriptのFWはvue.jsでSPA。
サーバサイドはサーバレス（AWS Lambda Java）のインフラアーキテクチャとなります。

ざっくりとした質問で恐縮ですが、詳しい方、ご教示頂けますと幸いです。
何卒宜しくお願致します。

同ブラウザ、別タブでそれぞれセッション管理がしたい

### 前提・実現したいこと
MySQLに管理者権限でログインして、ユーザーを一件作りたい。

### 発生している問題・エラーメッセージ
MySQLにrootでログインできない。

### 該当のソースコード
```ここに言語名を入力
/usr/bin/mysqld_safe --skip-grant-tables
/etc/init.d/mysql stop

```
いずれも「指定されたパスが見つかりません」と出るため、パスワードなしでのログインができない。

### 試したこと

どこまで情報が必要か分からないので、不要な情報が混ざっている可能性もありますが、分かる限り書きます。

VisualStudioCodeでPHPを組んでいました。
XAMPPでMariaDBを起動、root権限でデータベースtennisを作成。
tennisだけが使えるユーザーuserを作成→エラー。
SELECT user FROM user; 
でユーザー一覧が見られるとの事で実行。
userがあるのにログインできない、rootが三行ある。
user削除→作り直し→エラー
rootが三行あるなら消しても大丈夫なのでは？と思ったためrootを指定して一回削除。
ログアウト。
ログインのためにXAMPPを起動すると、Apache、MySQLともにエラー。
再インストールしても直らなかったため、管理ツール－サービスを自動から停止させると、Apache、MySQLとも起動。
https://hit.hateblo.jp/entry/2016/05/23/183341
該当のコードはこちらを参考にしました。

勝手ですみませんが、職場からの投稿なので火曜日までは試せません……。

### 補足情報（FW/ツールのバージョンなど）
XAMPP（v3.2.4）
XAMPPはC直下にインストールしています。
c:\xampp\mysql
OS：Windows 10 Home 64ビット版

MySQLに管理者権限でログインできない

VPN接続時にWindowsのログインパスワードが下記のメッセージが表示され変更できませんでした。

> 引用テキストコンピュータが利用できないか、またはアクセスが拒否されているため、
ドメイン・コントローラーから構成情報を読み取れませんでした。

ドメイン参加している環境で、パスワードを定期的に変更しなくては
いけないポリシーとなっているのですが変更する方法はありますでしょうか？

また、VPN接続のみだとドメインコントローラーへの接続はできないのでしょうか？

VPN接続時のWindowsパスワードの変更について

### 前提・実現したいこと

現在laravelの学習中でECサイトを製作しており、ログイン認証をする際に419 PAGE EXPIREDページに飛ばされてしまいます。

学習に参考にしているページ
https://note.com/mukae9/n/na6c15b5f9cec?magazine_key=m1efe9a2b9813

調べたところcsrfを記入していないと起こったりすると出てきたのですがそこも書いてあるのに出てしまいます。

ちなみに何回か419エラーがでたことはあったのですが、再度ログインしなおすことで解決していました。しかし今回は直らないため困っております。


ご存知の方お力をお貸しください。一応bladeとcontrollerの内容を載せます。その他必要な部分があれば言っていただければと思います。

初学者のため分からない部分が多いと思いますがどうかよろしくお願いいたします。


### 試したこと
１．App\Http\Kernel.phpのVerifyCsrfToken　をコメントアウトしたがそうするとログインしていないことになってしまう。

２．App/strage/framework/session　のファイルを消してみる。　→効果なし。

```PHP
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use App\Models\Cart_item; //追加

use App\Models\Item; 


class ShopController extends Controller
{

    public function index()
    {   
    	$items = Item::Paginate(6);
    	return view('shop',compact('items'));
    }

    public function cart_item(Cart_item $cart_item)
    {   
    	$data = $cart_item->showCart();
    	return view('cart_item',$data);
    }

    public function addCart_item(Request $request, Cart_item $cart_item)
    {
    	 //カートに追加の処理
    	$item_id = $request->item_id;
    	$message = $cart_item->addCart_item($item_id);

        //追加後の情報を取得
        $cart_items = $cart_item->showCart();

        return view('cart_item',compact('cart_items', 'message'));
    	
    }

    public function deleteCart(Request $request,Cart_item $cart_item)
    {
        //カートに追加の処理
        $item_id = $request ->item_id;
        $message = $cart->deleteCart($item_id);
        
        //追加後の情報を取得
        $cart_items = $cart_item->showCart();
       
        return view('cart_item' ,compact('cart_items', 'message'));
    }

}


```
```PHP
@extends('layouts.app')

@section('content')
<div class="container-fluid">
   <div class="">
       <div class="mx-auto" style="max-width:1200px">
           <h1 style="color:#555555; text-align:center; font-size:1.2em; padding:24px 0px; font-weight:bold;">商品一覧</h1>
           <div class="">
               <div class="d-flex flex-row flex-wrap">
                  

                    @foreach($items as $item)

                      <div class="col-xs-6 col-sm-4 col-md-4">
                        <div class="cart_item_box">
                          {{$item->name}} <br>
                          {{$item->price}}円<br>
                          <img src="/image/{{$item->image}}" alt="" class="incart">
                          <br>
                          {{$item->detail}} <br>
                          在庫数{{$item->stock}} <br>

                          {{-- 追加 --}}


                          <form action="cart_item" method="post">
                            @csrf
                            <input type="hidden" name="item_id" value="{{ $item->id }}">
                            <input type="submit" value="カートに入れる">
                          </form>

                            {{-- ここまで --}}
                        </div>

                          {{-- 追加 --}}
                        <a class="text-center" href="/">商品一覧へ</a>
                          {{-- ここまで --}}

                      </div>
                    @endforeach
                     <div class="text-center" style="width: 200px;margin: 20px auto;">
                    {{ $items->links()}} 

                 
               </div>
           </div>
       </div>
   </div>
</div>
@endsection
```
```PHP
@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Login') }}</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        <div class="form-group row">
                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-6 offset-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                    <label class="form-check-label" for="remember">
                                        {{ __('Remember Me') }}
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row mb-0">
                            <div class="col-md-8 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Login') }}
                                </button>

                                @if (Route::has('password.request'))
                                    <a class="btn btn-link" href="{{ route('password.request') }}">
                                        {{ __('Forgot Your Password?') }}
                                    </a>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

```

ログイン認証時、419 PAGE EXPIREDがでてしまう

### 実現したいこと
①以下URLにアクセス
②iAEONのIDとPWを入力
③ログインボタンクリック

```イオンネットスーパーURL
https://gate.aeon.com/auth/login?csid=newns_smp&next=https%3A%2F%2Fshop.aeon.com%2Fnetsuper%2Fcustomer%2Faccount%2Flogin%2F&crtn=https%3A%2F%2Fshop.aeon.com%2Fnetsuper%2F&switching=OFF
```

### 発生している問題・分からないこと
> ②iAEONのIDとPWを入力
ID、PWそれぞれのinput要素に対して.value = "xxxx"で入力自体はできるのですが
表示だけでログインボタンが非活性のままになっており、
input要素をクリックすると、javascriptで入力した値が消えてしまいます。



### 該当のソースコード

```javascript
// ID入力
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div:nth-child(1) > div > div > input").value = "xxxx";

// PW入力
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div:nth-child(2) > div > div > div.c-pwd-input__container > input").value = "xxxx";

// ログインボタンクリック
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div.p-login__form-footer > button").click();
```

### 試したこと・調べたこと
- [ ] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
値を入力する前にclickするコードを追加しましたが、結果は変わりませんでした。

```javascript
// ID入力欄クリック
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div:nth-child(1) > div > div > input").click();

// ID入力
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div:nth-child(1) > div > div > input").value = "xxxx";

// PW入力欄クリック
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div:nth-child(2) > div > div > div.c-pwd-input__container > input").click();

// PW入力
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div:nth-child(2) > div > div > div.c-pwd-input__container > input").value = "xxxx";

// ログインボタンクリック
document.querySelector("#__layout > div > div.t-login > main > div > div > section.c-section.p-login__forms > div:nth-child(2) > div > div.c-login-card__body.c-login-body-iaeon > div > form > div.p-login__form-footer > button").click();
```

### 補足
特になし

javascriptでログインしたい

### 実現したいこと

React.jsでアプリを作成しており、
Firebaseでログイン認証の実装をしたいのですが、
「API Keyが無効のため、正しくコピーされているか確認ください」とエラーが表示されます。



### 発生している問題・エラーメッセージ

```
provider.ts:120 Uncaught 
t {code: "auth/invalid-api-key", message: "Your API key is invalid, please check you have copied it correctly.", a: null}
a: null
code: "auth/invalid-api-key"
message: "Your API key is invalid, please check you have copied it correctly."
__proto__: Error
```

### 該当のソースコード
.envファイル
```
REACT_APP_FIREBASE_API_KEY
="***"
REACT_APP_FIREBASE_DOMEIN="***"
REACT_APP_FIREBASE_DATABASE="***"
REACT_APP_FIREBASE_PROJECT_ID="***"
REACT_APP_FIREBASE_STORAGE_BUCKET="***"
REACT_APP_FIREBASE_SENDER_ID="***"
REACT_APP_FIREBASE_APP_ID="***"

```
Firebase.js
```
import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth';

var firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_DOMEIN,
  databaseURL: process.env.REACT_APP_FIREBASE_DATABASE,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID,
};

const initialized_fb = firebase.initializeApp(firebaseConfig);

export const auth = initialized_fb.auth()
;
export const db = initialized_fb.firestore();

```

###試したこと
0. Firebaseの管理画面からAPIのKey等の.envファイル内のコードをコピーし直しましたが、このエラーメッセージは消えませんでした。
0. コンポーネント内でimportする際は、以下のように書いています。
```
import { auth, db } = '../firebase/Firebase';
```
3..envファイルは .src外のrootに入れています。

どなたかご教示をいただけませんでしょうか。