Question

我正在尝试将数据保存到Firebase存储中。
通常，我的方法和功能可以正常运行，在FireBase日志中，我得到：

函数执行花费了1442毫秒，状态码为201



alert15



alert14：null || [对象对象]



alert12：



alert11：



未配置结算帐户。无法访问外部网络，并且配额受到严格限制。配置结算帐户以将其删除   这些限制



开始执行功能

我的功能：

const functions = require('firebase-functions');
const cors = require("cors")({origin: true});
const fs = require("fs");
const UUID = require("uuid-v4");

const gcconfig = {
    projectId: "myrojectid",
    keyFilename: "mykeyfile.json"
};

const gcs = require("@google-cloud/storage")(gcconfig);

// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions
//
exports.storeImage = functions.https.onRequest((request, response) => {
    console.log("alert11: ")
    cors(request, response, () => {
        console.log("alert12: ")
        const body = JSON.parse(request.body);
        fs.writeFileSync("/tmp/uploaded-image.jpg", body.image, "base64", err => {
            console.log(err => console.log("alert13: " + err));
            return response.status(500).json({error: err})
        });
        const bucket = gcs.bucket("myapp.appspot.com");
        const uuid = UUID();
        bucket.upload(
            "/tmp/uploaded-image.jpg",
            {
                uploadType: "media",
                destination: "/places2/" + uuid + ".jpg",
                metadata: {
                    metadata: {
                        contentType: "image/jpeg",
                        firebaseStorageDownloadTokens: uuid
                    }
                }
            }, (err, file) => {
                console.log("alert14: " + err + "||" + file)
                if (!err) {
                    console.log("alert15");
                    response.status(201).json({
                        imageUrl:
                            "https://firebasestorage.googleapis.com/v0/b/" +
                            bucket.name +
                            "/o/" +
                            encodeURIComponent(file.name) +
                            "?alt=media&token=" +
                            uuid
                    })
                } else {
                    console.log("alert16: ")
                    console.log(err);
                    response.status(500).json({error: err})
                }
            });
    });
});

我的方法：

import {ADD_PLACE, DELETE_PLACE} from './actionTypes';

export const addPlace = (placeName, location, image) => {
    return dispatch => {
        fetch("https://us-central1-myapp.cloudfunctions.net/storeImage", {
            method: "POST",
            body: JSON.stringify({
                image: image.base64
            })
        })
            .catch(err=> console.log(err))
            .then(res => {res.json(); console.log("alert2 " + {res})})
            .then(parsedRes => {
                console.log("alert1: " + parsedRes);
                const placeData = {
                    name: placeName,
                    location: location,
                    image: parsedRes.imageUrl
                };
                return  fetch("https://myapp.firebaseio.com/places.json", {
                    method: "POST",
                    body: JSON.stringify(placeData)
                }).catch(err => console.log("alert13: " + err))
            })
            .catch(err => console.log("alert4", err))
            .then(res => res.json())
            .catch(err => console.log("alert5: " + err))
            .then(parsedRes => {
                console.log("alert6", parsedRes);
            }).catch(err => console.log("alert17: " + err));
    };
};

export const deletePlace = (key) => {
    return {
        type: DELETE_PLACE,
        placeKey: key
    };
};

但是在我的IDE的本地控制台中，我得到了：

警报1：未定义

'alert4'，{[TypeError：未定义不是对象（正在评估'parsedRes.imageUrl'）]

我为此浪费了3天时间，但进度仍为0。
这里有什么问题？如何解决？

Answer 1

您没有正确使用承诺链。您需要将then()回调的结果显式返回到链中的下一个处理程序。不返回任何内容，下一个then()回调将变得不确定。例如：

        .then(res => {res.json(); console.log("alert2 " + {res})})

在这一行代码中，您不会返回任何要传递给链中下一个处理程序的东西。

实际上，上面的then()回调是不必要的，因为它不会启动任何其他异步工作。您可以只在第二个提取之前的下一个res.json()块中调用then()。通常，由于先前的异步工作而需要执行更多的异步工作时，通常只会添加另一个then()块。

Firebase响应：未定义不是对象

1 个答案: