Question

我创建一个使用React + Firebase + Lambda函数的项目。

我的前端有Firebase代码，我需要一些后端来处理一些事件。（Prevent users from modifying data in Firebase but allow this data to be updated by the application）

使用Netlify部署应用程序时，我可以使用netlify-lambda访问Amazon Lambda Functions。（https://www.netlify.com/docs/functions/）

通常一切正常（mailchimp API，snipcart API等...）

但是我无法使Firebase正常工作。

我创建了一个具有读写权限的服务帐户。

这是我的lambda函数的代码：（只是一个测试，尝试查看数据库的用户部分。）

import firebaseAdmin from 'firebase-admin'
const serviceAccount = require('../utils/FirebaseServiceAccountKey.json')

export function handler (event, context, callback) {
  firebaseAdmin.initializeApp({
    credential: firebaseAdmin.credential.cert(serviceAccount),
    databaseURL: 'https://sample-3615.firebaseio.com'
  })

  const db = firebaseAdmin.database()
  const ref = db.ref('/users')
  let users = {}

  ref.once('value', function (snapshot) {
    console.log(snapshot.val())
    users = snapshot.val()
  })

  callback(null, {
    statusCode: 200,
    body: JSON.stringify({ users })
  })
}

它返回我：TypeError: rtdb.initStandalone is not a function。

我也有许多类似这样的警告：Module not found: Error: Can not resolve 'memcpy'和其他软件包。

我对组件中的函数的调用：

handleClick = (e) => {
    e.preventDefault()

    this.setState({loading: true})
    fetch('/.netlify/functions/score')
      .then(res => res.json())
      .then(json => console.log(json.users))
      .then(() => this.setState({loading: false}))
  }

我不确定问题出在哪里。 Webpack？

Answer 1

我无法使用Netlify的AWS Lambda运行SDK。

要使用Netlify Lambda Functions中的Firebase，我将使用具有管理员权限的REST API。

https://firebase.google.com/docs/reference/rest/database/

它是如此完美地工作。

import { google } from 'googleapis'
import fetch from 'node-fetch'
const serviceAccount = require('../utils/FirebaseServiceAccountKey.json')

const scopes = [
  'https://www.googleapis.com/auth/userinfo.email',
  'https://www.googleapis.com/auth/firebase.database'
]

// Authenticate a JWT client with the service account.
const jwtClient = new google.auth.JWT(
  serviceAccount.client_email,
  null,
  serviceAccount.private_key,
  scopes
)

export function handler (event, context, callback) {
  const res = JSON.parse(event.body)
  // Use the JWT client to generate an access token.
  jwtClient.authorize(async function (error, tokens) {
    if (error) {
      console.log('Error making request to generate access token:', error)
    } else if (tokens.access_token === null) {
      console.log('Provided service account does not have permission to generate access tokens')
    } else {
      const accessToken = tokens.access_token
      const score = await fetch(`https://example-3615.firebaseio.com/scores/${res.uid}/score.json`)
        .then(data => data.json())
        .then(score => score + res.score)

      fetch(`https://example-3615.firebaseio.com/scores/${res.uid}.json?access_token=${accessToken}`, {
        body: JSON.stringify({ score, displayName: res.user.displayName, photoURL: res.user.photoURL }),
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        },
        method: 'PATCH'
      })
        .then(() => {
          callback(null, {
            statusCode: 200,
            body: 'Score +1'
          })
        })
    }
  })
}

Answer 2

问题出在“ webpack.server.js”配置文件中。 netlify-lambda用来捆绑服务器端代码（功能代码），由于某些原因，它不正确地捆绑了它。所以我将新文件添加到项目根目录“ webpack.server.js”：

//webpack.config.js
const path = require('path');
const pkg = require('./package')
const GenerateJsonPlugin = require('generate-json-webpack-plugin')


const externals = [
    'firebase-admin'
]

const genPackage = () => ({
    name: 'functions',
    private: true,
    main: 'index.js',
    license: 'MIT',
    dependencies: externals.reduce(
    (acc, name) =>
        Object.assign({}, acc, {
        [name]:
            pkg.dependencies[name] ||
            pkg.devDependencies[name]
        }),
    {}
    )
})


module.exports = {
    target: 'node',
    resolve: {
        mainFields: ['module', 'main']
    },
    externals: externals.reduce(
        (acc, name) => Object.assign({}, acc, { [name]: true }),
        {}
    ),
    plugins: [new GenerateJsonPlugin('package.json', genPackage())]
}

此文件配置将在lambda dist中创建一个新的package.json文件。

将Firebase SDK与Netlify Lambda函数一起使用

2 个答案: