AWS 无服务器功能未响应图像

Question

我正在尝试让 AWS API 网关返回一个图像。我的无服务器 Lambda 代码如下

const express = require('express');
const serverless = require('serverless-http');
const bodyParser = require('body-parser');
const request = require('request');
const fetch = require('node-fetch')
var Jimp = require('jimp');
const app = express()
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))

app.get('/image/:id', async(req, res) => {
    const id = req.params.id;

    var imgUrl = 'https://developer.salesforce.com/forums/profilephoto/729F00000005O41/T';
    let options = {};

    const image = await Jimp.read(imgUrl);
    image.getBuffer(Jimp.MIME_JPEG, (err, buffer) => {
        res.set('content-type', 'image/jpeg');
        res.send(buffer.toString('base64'));
    });
});
// wrap express app instance with serverless http function
module.exports.handler = serverless(app)

serverless.yml


provider:
  name: aws
  runtime: nodejs8.10
  stage: dev
  region: us-east-1
  memorySize: 512

custom:
  apigwBinary:
    types:           #list of mime-types
      - 'image/jpg'
      - 'image/jpeg'
      - 'image/png'
functions:
  avatarFunc:
    handler: index.handler
    events:
      - http:
          path: image/{id}
          method: get
          contentHandling: CONVERT_TO_BINARY

plugins:
  - serverless-offline
  - serverless-apigw-binary

返回的图像是一个黑框。

Answer 1

在 API 网关中处理二进制文件总是很麻烦。不过，我已经设法让它发挥作用了。

您需要做的就是告诉 API 网关您的响应是用 base64 编码的。

这是一个可行的解决方案：

module.exports.hello = async (event, context) => {
  const imgUrl = 'https://developer.salesforce.com/forums/profilephoto/729F00000005O41/T';
  const image = await jimp.read(imgUrl);
  const buffer = await image.getBufferAsync(jimp.MIME_JPEG);
  return {
    statusCode: 200,
    headers: {
      'content-type': 'image/jpeg'
    },
    body: buffer.toString('base64'),
    isBase64Encoded: true
  };

};

然而，我在这里看到的真正问题是 Express 正在为您管理路由，因此我认为您无法拦截 API GW 的响应以添加字段 'isBase64Encoded'，所以恐怕你必须让这个 API 由 API 网关而不是 Express 管理，才能使其正常工作。

另外，Jimp 提供了一个 getBufferAsync 方法，它 returns 一个承诺，所以你可以 await 它使代码稍微简单一些。

希望对您有所帮助！

编辑:

我还在努力让它与 Express 一起工作，所以我发现了这个：https://github.com/awslabs/aws-serverless-express/issues/99#issuecomment-332169739

我必须承认我没有测试，但如果你真的需要让 Express 为你处理路由，它可能会起作用。

Answer 2

好的。我刚刚经历了这个并认为我会分享解决方案。该问题与 Serverless 和 AWS 之间的不匹配有关。所以我们要把它们放在同一页上。

首先-> 无服务器配置

const binaryMimeTypes = {binary: [
  'image/*',
  'image/jpeg',
  'image/png',
  'image/svg+xml',
]};

module.exports.server = sls(app, binaryMimeTypes)

这会将无服务器配置为将关联的 Mime 类型作为 Base64 服务器。

第二-> AWS 配置

在 AWS API Select 网关中，然后是设置。向下滚动并添加以下二进制类型：

就是这样！现在应该可以使用了！

AWS 无服务器功能未响应图像

AWS serverless function is not responding with an image

amazon-web-services

node.js

serverless-framework

aws-serverless