前提
フロントを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の自動更新の実装は現状考えていません。
初の質問投稿となり、至らない点もあるとは思いますが質問の仕方などについてもご指摘頂ければ改善させて頂きます。
長文となってしまいましたが、何卒ご協力お願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。