AWS-API-Gateway und Lambda-Rückkehr-Bild

Scheint es, hat AWS vereinfacht diesen Prozess, so dass viele Antworten sind veraltet und/oder zu kompliziert.

Dies ist, wie ich die Lambda um sich wieder ein Bild über die API-Gateway, ab Juni 2018:

1) In der API-Gateway aktivieren Use Lambda Proxy integration für Ihre API. (Diese Einstellung befindet sich auf der Integration der Anfrage-Bereich, wo Sie gesetzt hatte der Typ Lambda.)

2) In der API-Gateway, wählen Sie Ihre API und klicken Sie auf Settings. In Binary Media Types hinzufügen */*. (Hinweis: ich habe versucht, hinzufügen einfach 'image/jpeg', aber es zu verlangen scheint */* alle diese arbeiten)

3) sicher Sein, dass Sie zur Implementierung der API, sonst werden die änderungen nicht live. (In API-Gateway, wählen Sie Ihre API, dann Aktionen > Bereitstellen von API).

4) Im Lambda-code, geben Sie Ihr Bild in Base64-Codierung (in diesem Beispiel wird C# - code):

    //set the Content-type header
    //set to whichever image type you're returning
    var headersDic = new Dictionary<string, string>();
    headersDic.Add("Content-type", "image/jpeg");

    //return the response object that APIGateway requires
    return new APIGatewayProxyResponse
    {
        StatusCode = 200,
        Headers = headersDic,
        //return the image in Base64 encoding
        Body = Convert.ToBase64String(...your image data...),
        IsBase64Encoded = true
    };

Getan.

Wenn Sie schon Ihre setup-API keine Authentifizierung erforderlich ist, geben Sie einfach Ihren API-link in Ihren browser ein, und es wird das Bild angezeigt. Oder setzen Sie den API-link in eine IMG tag. z.B. <img src="https://asdf.execute-api.us-east-1.amazonaws.com/live/myapi" />

Hinweis: Auch wenn die im Schritt 2 legen Sie die Binary Media Types zu */*, API-Gateway wird noch den text wieder, wenn das ist, was deine Lambda ist die Rückkehr.

Ich habe in einem ähnlichen problem. Wie erwähnt, können derzeit nicht direkt zurück Ihr image in binary format aus Ihrer API-Gateway-Endpunkt, die erforderlich sein würde für den browser richtig anzeigen.

Allerdings habe ich dies Problem gelöst, indem statt mit API-Gateway zurückgeben 302 Redirect, die auf die richtige Datei im S3. Sie können Ihre Lambda-Funktion die url der Datei ein, die später zugeordnet Location-header in der API-Gateway. Der browser folgt der Umleitung und zeigt das Bild korrekt.

Gibt es mehrere Wege zur Umsetzung der redirect, aber ich habe Sie wie folgt vor:

• Lambda gibt ein Objekt zurück, mit dem Ziel, Bild, etwa so:

  function handler(event, context) {
       context.succeed({ 
           location: "https://[bucket-name].s3-eu-west-1.amazonaws.com/myimage.png" });
       });
  }

• Entfernen Sie die normale '200' Methode Response-Status aus Der Integration der Reaktion in der API-Gateway. Ersetzen Sie es mit einem '302' response-status und fügen Sie die 'Location' - header zugeordnet zu Wert " - integration.Antwort.Körper.Lage'

• Fügen Sie den 302 status der Methode Response sowie

Es derzeit nicht möglich, weil Sie nicht zurückkehren können binäre Daten durch die AWS-API-Gateway.

Für diese Arbeit, die lambda-Funktion würde zurückkehren müssen die Bild-Daten als Binär-blob, und einige meta-Informationen wie die Bild-Inhalte geben. Dann, AWS-API-Gateway müsste in der Lage sein, um diese Karte zu der HTTP-Antwort. Zum Beispiel:-

lambda gibt:
{
contentType: 'image/png',
image: "encoded binary data"
}

dann API-gateway benötigen würde, um anzeigen contentType auf den 'content-type' - header der Antwort, und legen Sie die Bild-Daten im body der Antwort mit der richtigen Codierung und Länge.

Leider, es nicht tut, dieses Recht jetzt. Es werden nur maps von text-encodings wie application/json oder application/xml als Antwort geben (es ist konzipiert für APIs, nachdem alle).

Könnte man sehr leicht erreichen, dies mit ElasticBeanstalk, wo Sie eine Menge mehr Kontrolle über den http-Antwort.