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

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

新規登録して質問してみよう
ただいま回答率
87.20%
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はプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

解決済

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

h-rsk
h-rsk

総合スコア10

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はプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

1回答

0評価

0クリップ

301閲覧

投稿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

(front/pages/singup.vue) ...省略 </template> <script> import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth' export default { data: () => ({ // form { // name: '', email: '', password: '', // }, message: '' }), methods: { singup() { const auth = getAuth() createUserWithEmailAndPassword(auth, this.email, this.password) .then((res) => { // debugger const token = res.user.accessToken const params = { token, registration: { email: res.user.email } } const url = '/api/v1/users/registrations' this.$axios.post(url, params) .then((res) => { console.log(res.user.uid) this.$router.push('/') }) .catch((err) => { console.log(err) this.setErrorMessage(err.code) }) }) },
(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

(api/app/controllers/api/v1/users/registrations_controller.rb) class Api::V1::Users::RegistrationsController < ApplicationController skip_before_action :authenticate_user def create # binding.pry raise ArgumentError, 'BadRequest Parameter' if payload.blank? user = User.create!(sign_up_params.merge(uid: payload['sub'])) render json: user, status: :ok end private def sign_up_params params.require(:registration).permit(:email) end def token_from_request_headers request.headers['Authorization']&.split&.last end def token params[:token] || token_from_request_headers end def payload @payload ||= FirebaseIdToken::Signature.verify token end end

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

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

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

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

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

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はプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。