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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

解決済

1回答

1027閲覧

再編) Rails API + Firebase Authentication 【 サーバー側でのidToken検証 】

h-rsk

総合スコア12

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2022/07/24 17:18

編集2022/08/04 00:00

前提

フロントをNuxt.js、バックエンドをRuby on Rails、ユーザー管理にFirebaseを使ったデモアプリを開発中です。
ユーザー新規登録機能の実装中下記エラーが出てしまいました。
gem firebase_id_tokenを利用しています。

エラー文

NoMethodError - undefined method `map' ~~~ app/controllers/api/v1/users/registrations_controller.rb:31:in `payload' app/controllers/api/v1/users/registrations_controller.rb:6:in `create'

試したこと

  • 下記参照記事

Nuxt + Rails + Firebase ユーザー登録 (Rails編)
Firebaseリファレンス
gemを使わない検証方法

  • 各所デバッグ

フロントソースコード

Vue

1(front/pages/singup.vue) 2 3...省略 4</template> 5 6<script> 7import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth' 8 9export default { 10 data: () => ({ 11 // form { 12 // name: '', 13 email: '', 14 password: '', 15 // }, 16 message: '' 17 }), 18 19 methods: { 20 singup() { 21 const auth = getAuth() 22 createUserWithEmailAndPassword(auth, this.email, this.password) 23 .then((res) => { 24 // debugger 25 const token = res.user.accessToken 26 const params = { token, registration: { email: res.user.email } } 27 const url = '/api/v1/users/registrations' 28 this.$axios.post(url, params) 29 .then((res) => { 30 console.log(res.user.uid) 31 this.$router.push('/') 32 }) 33 .catch((err) => { 34 console.log(err) 35 this.setErrorMessage(err.code) 36 }) 37 }) 38 },
(front/nuxt.config.js) ...省略 modules: [ '@nuxtjs/axios', '@nuxtjs/proxy', '@nuxtjs/firebase', ], axios: { baseURL: '/', }, proxy: { '/api': { target: 'http://localhost:3000/' } }, firebase: { config: { apiKey: process.env.API_KEY, authDomain: process.env.AUTH_DOMAIN, projectId: process.env.PROJECT_ID, storageBucket: process.env.STORAGE_BUCKET, messagingSenderId: process.env.MESSAGING_SENDER_ID, appId: process.env.APP_ID, measurementId: process.env.MEASUREMENT_ID, }, services: { auth: true, }, }, env: { projectId: process.env.PROJECT_ID, apiKey: process.env.API_KEY, authDomain: process.env.AUTH_DOMAIN, storageBucket: process.env.STORAGE_BUCKET, messageSenderId: process.env.MESSAGE_SENDER_ID, appId: process.env.APP_ID, },

サーバーサイドソースコード

Ruby

1(api/app/controllers/api/v1/users/registrations_controller.rb) 2 3class Api::V1::Users::RegistrationsController < ApplicationController 4 skip_before_action :authenticate_user 5 6 def create 7 # binding.pry 8 raise ArgumentError, 'BadRequest Parameter' if payload.blank? 9 user = User.create!(sign_up_params.merge(uid: payload['sub'])) 10 render json: user, status: :ok 11 end 12 13 private 14 def sign_up_params 15 params.require(:registration).permit(:email) 16 end 17 18 def token_from_request_headers 19 request.headers['Authorization']&.split&.last 20 end 21 22 def token 23 params[:token] || token_from_request_headers 24 end 25 26 def payload 27 @payload ||= FirebaseIdToken::Signature.verify token 28 end 29end 30

補足情報(FW/ツールのバージョンなど)

"nuxt": "^2.15.8",
"firebase": "^9.9.0",
rails (6.0.5.1)
ruby 2.6.5

今回のデモアプリではセッション中の一部機能の実装練習が目的でFirebaseは興味本意で手を出しました。
vuexは使わずに済むなら使わず、tokenの自動更新の実装は現状考えていません。

初の質問投稿となり、至らない点もあるとは思いますが質問の仕方などについてもご指摘頂ければ改善させて頂きます。
長文となってしまいましたが、何卒ご協力お願いいたします。

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

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

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

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

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

guest

回答1

0

自己解決

ruby

1(api/app/controllers/api/v1/users/registrations_controller.rb) 2 3 def create 4 raise ArgumentError, 'BadRequest Parameter' if payload.blank? 5 user = User.create!(sign_up_params.merge(uid: payload[0]['sub'])) 6 render json: user, status: :ok 7 end 8 9...中略 10 default jwks 11 jwks = JSON.parse(RestClient.get( 12 'https://www.googleapis.com/service_accounts/v1/jwk/securetoken@system.gserviceaccount.com' 13 ).body) 14 end 15 16 def payload 17 payload, _ = JWT.decode(token, nil, true, { algorithm: ['RS256'], jwks: jwks }) 18 end 19end

gem 'rest-client' をインストールし、
firebase_id_tokenを使わない形ではサーバー登録までできました。
'map'エラーについては後日もう少し探ってみたいと思います。

投稿2022/08/03 15:00

h-rsk

総合スコア12

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問