firebaseでadmin.auth()が出来ません、TypeError: _plugins_firebaseAdmin__WEBPACK_IMPORTED_MODULE_2__.auth is n

Question

firebaseをvueで使用する際にadminを呼び出す部分で詰まっています。

本体であれば、admin.auth().getUser(uid)　で値を取得するところですが、admin.auth()を呼び出すことができません。

======== WARNING! ========

firebase-admin appears to have been installed in an unsupported environment.
This package should only be used in server-side or backend Node.js environments,
and should not be used in web browsers or other client-side environments.

Use the Firebase JS SDK for client-side Firebase integrations:

Uncaught TypeError: getCurves is not a function

firebaseAdminでのconsole.log(admin)
auth: [Exception: TypeError: getCurves is not a function at eval 

vueでのconsole.log(admin)
Auth: undefined
arguments: [Exception: TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them at

vueでのconsole.log(admin.auth())の場合
TypeError: _plugins_firebaseAdmin__WEBPACK_IMPORTED_MODULE_2__.auth is not a function"

<script lang="ts">
import { defineComponent } from "@vue/composition-api";
import firebase from "../../../plugins/firebase";
import * as admin from "../../../plugins/firebaseAdmin";

export default defineComponent({
  mounted: function () {
    console.log(admin)
  },
}

"dependencies": {
    "core-js": "^3.6.5",
    "firebase": "^8.6.8",
    "firebase-admin": "^9.10.0",
    "firebase-functions": "^3.14.1",
    "vue": "^2.6.11",
  },

import * as admin from "firebase-admin";

import serviceAccount from "../config/firebase-admin.json"

admin.initializeApp({
  credential: admin.credential.cert(serviceAccount),
  databaseURL: "https://hoge.com",
});

console.log(admin.auth())

export default admin

import firebase from "firebase"

const firebaseConfig = {
  apiKey: process.env.API_KEY,
  authDomain: process.env.AUTH_DOMAIN,
  databaseURL: process.env.DATABASE_URL,
  projectId: process.env.PROJECT_ID,
  storageBucket: process.env.STORAGE_BUCKET,
  messagingSenderId: process.env.MESSAGING_SENDER_ID,
  appId: process.env.APP_ID,
};
firebase.initializeApp(firebaseConfig);

export default firebase

import Vue from "vue";
import App from "./App.vue";

Vue.config.productionTip = false;

new Vue({
  render: (h) => h(App),
}).$mount("#app");

firebase自体は繋がります。
../config/firebase-admin.jsonにも記載はされていて参照できていると思います。
getCurves is not a functionと表示されていますが、そんな関数は定義していません。

以下２つを参考に進めましたが、consoleのエラーに悩まされています。
https://firebase.google.com/docs/admin/setup?hl=ja#prerequisites
https://firebase.google.com/docs/auth/admin/manage-users?hl=ja#node.js

どなたか知見のある方いましたら教えていただきたいです。
よろしくお願いします。

Answer 1

あなたが質問に貼っているwarning文にも書いてある通り、firebase-adminはサーバー用であって、vueなどのクライアント側で使うものではありません。

クライアント側ではこれを使ってください。

https://www.npmjs.com/package/firebase

Comments

[tenlife]

回答ありがとうございます。
提示されたリンク先のfirebase.auth()だとgetUser(uid)のような特定のユーザー(authenticationに存在している)を取得する方法が見つかりません。

このような場合はrailsなどのバックエンドを使用するような形でしょうか。

[arark]

クライアント側からauthenticationしたユーザーの情報を勝手に取得できたらそれはセキュリティ的に問題なのでできないようになっています。

getUser(uid)の代替手段はユースーケースによって大きく変わりますが、

1. firestoreなどに適切にsecurity rulesを指定して情報を持っておく
2. firebase functionsでfirebase-adminを使う
3. railsなどの自前サーバーでfirebase-adminを使う

などが例としてあげられます。

[tenlife]

返信ありがとうございます。
3つの案ありがとうございます
参考に進めていこうと思います！

ありがとうございます！