web-dev-qa-db-ja.com

FirebaseのCloudFunctions-URLを読み込めません：「Access-Control-Allow-Origin」ヘッダーがありません

angular 2アプリがあり、httpリクエストを介してFirebaseを呼び出しています。しかし、いつでも関数を実行しようとすると、次のエラーが発生します。

XMLHttpRequest cannot load https://us-central1-<my-projectId>.cloudfunctions.net/[email protected]. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 500.
    error_handler.js:54 EXCEPTION: Response with status: 0  for URL: null
    ErrorHandler.handleError @ error_handler.js:54
    next @ application_ref.js:348
    schedulerFn @ async.js:93
    SafeSubscriber.__tryOrUnsub @ Subscriber.js:234
    SafeSubscriber.next @ Subscriber.js:183
    Subscriber._next @ Subscriber.js:125
    Subscriber.next @ Subscriber.js:89
    Subject.next @ Subject.js:55
    EventEmitter.emit @ async.js:79
    NgZone.triggerError @ ng_zone.js:333
    onHandleError @ ng_zone.js:294
    ZoneDelegate.handleError @ zone.js:338
    Zone.runTask @ zone.js:169
    ZoneTask.invoke @ zone.js:420
    Subscriber.js:238 Uncaught Response {_body: ProgressEvent, status: 0, ok: false, statusText: "", headers: Headers…}

これがFirebaseのクラウド機能ですindex.jsファイル：

   const functions = require('firebase-functions');
    const admin = require('firebase-admin');
    admin.initializeApp(functions.config().firebase);
    const cors = require('cors')({Origin: true});

    /**
     *  Function to get a user by email
     */
    exports.getUserByEmail = functions.https.onRequest((req, res) => {
      cors(request, response, () => {

// This should return a promise from the getUserByEmail function
response.status(200).send(admin.auth().getUserByEmail(req.query.email))
       })
    });

そして、これが私がコンポーネントで関数を呼び出す方法です（HTTPリクエストが正常に行われたと仮定して）：

this.http.get('https://us-central1-rosebud-9b0ed.cloudfunctions.net/getUserByEmail', {
       search: "[email protected]"
     }).subscribe(data => {
       console.log('data', data);
     })

何をしようとしても、同じ問題を抱え続けているようです。これをFirebaseでホストされているURLにデプロイしようとしましたが、それでもこのエラーが発生します。私がここで何ができるか誰か知っていますか？

前もって感謝します！

angularfirebasegoogle-cloud-functions
13
Stevie Star

そこで、ここでいくつかの重要な間違いを犯しました。

  1. Firebaseアプリを初期化する前に、必ずcorsが必要です。
  2. パラメータがcors()関数を実行することを確認してください。

これが更新されたindex.jsコード：

  const functions = require('firebase-functions');
    const admin = require('firebase-admin');
    const cors = require('cors')({Origin: true});
    admin.initializeApp(functions.config().firebase);


    /**
     *  Function to get a user by email
     */
    exports.getUserByEmail = functions.https.onRequest((request, response) => {
      cors(request, response, () => {

// This should return a promise from the getUserByEmail function
response.status(200).send(admin.auth().getUserByEmail(req.query.email))
       })
    });
16
Stevie Star