reactjs - 如何在 Next.js 中使用 MongoDB Stitch

Question

我计划使用 mongoDB Stitch。但它提供的浏览器SDK和服务器端SDK不同。我尝试了它们，但出现了一些错误。我相信这是因为我的应用程序与我使用的 Next.js 是同构的。请指导我在这种情况下我该怎么办。

使用 mongodb-stitch-browser-sdk 时出现类似 self is not Defined 的错误

使用 mongodb-stitch-server-sdk 时出现未找到模块:无法解析“fs”等问题。

请帮忙。我也在这个网站上看到过类似的问题，但没有任何答案，即here

Answer 1

是的，发生这种情况是因为 nextjs 构建了同构应用程序。因此，尝试创建 webhook 并触发 mongodb stitch api，或者直接使用 webhook 中的服务。这是通过stitch webhook进行使用注册的示例:

exports = function(payload) {
    const request = EJSON.parse(payload.body.text());
    const http = context.services.get("<app-title>");
    const owner = context.values.get("<username-of-the-app-owner>");
    const apiKey = context.values.get("<api-key>");

    return http.post({
        url: "https://stitch.mongodb.com/api/admin/v3.0/auth/providers/mongodb-cloud/login",
        body: JSON.stringify({
            username: owner,
            apiKey: apiKey
        })
    }).then(response => EJSON.parse(response.body.text()).access_token).then(accessToken => {
        return http.post({
            url: "https://stitch.mongodb.com/api/admin/v3.0/groups/<group-id>/apps/<app-id>/users",
            headers: {
                Authorization: ["Bearer " + accessToken]
            },
            body: JSON.stringify({
                email: request.useremail,
                password: request.userpass
            })
        });
    });
};

这是使用 aws s3 服务的:

exports = function(payload) {
    //base64EncodedImage, bucket, fileName, fileType
    const body = EJSON.parse(payload.body.text());
    // Convert the base64 encoded image string to a BSON Binary object
    const binaryImageData = BSON.Binary.fromBase64(body.picture, 0);
    // Instantiate an S3 service client
    const s3Service = context.services.get('<aws-s3-service-title>').s3('<location>');
    // Put the object to S3
    return s3Service.PutObject({
        'Bucket': '<aws-bucket-title>',
        'Key': body.fileName,
        'ContentType': body.fileType,
        'Body': binaryImageData
    })
        .then(putObjectOutput => {
            // console.log(putObjectOutput);
            // putObjectOutput: {
            //   ETag: <string>, // The object's S3 entity tag
            // }
            return putObjectOutput;
        })
        .catch(console.error);
    // return body;
};