D'API AWS Passerelle et Lambda de retour sur l'image

Il semble AWS a simplifié ce processus, de sorte que beaucoup de réponses sont obsolètes et/ou trop compliqué.

C'est comment je me suis Lambda renvoie une image par le biais de la Passerelle API, en juin 2018:

1) de l'API De la Passerelle, permettre Use Lambda Proxy integration pour votre API. (Ce réglage est situé sur l'Intégration de la Demande de la section, où vous avez défini le type de Lambda.)

2) de l'API De la Passerelle, sélectionnez votre API et cliquez sur Settings. Dans Binary Media Types ajouter */*. (Note: j'ai essayé d'ajouter simplement 'image/jpeg', mais il semble exiger */* pour obtenir ce travail)

3) assurez-vous de déployer votre API, sinon vos modifications ne seront pas en direct. (En Passerelle API, sélectionnez votre API, Actions > Déployer API).

4) Dans votre Lambda code de retour de votre image en Base64 (cet exemple de code C#):

    //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
    };

Fait.

Si vous avez configuré votre API nécessite pas d'authentification, tapez simplement votre API lien dans votre navigateur, et l'image s'affiche. Ou placer l'API lien dans un IMG tag. par exemple, <img src="https://asdf.execute-api.us-east-1.amazonaws.com/live/myapi" />

Remarque: Même si dans l'étape 2, vous définissez la Binary Media Types à */*, Passerelle API renvoie toujours le texte si c'est ce que votre Lambda est de retour.

J'ai couru dans un problème similaire. Comme mentionné, vous ne pouvez pas retourner directement votre image dans un format binaire à partir de votre Passerelle API de point de terminaison, ce qui serait nécessaire pour que le navigateur pour l'afficher correctement.

Cependant, j'ai résolu ce problème par au lieu d'avoir de la Passerelle API retour d'un de Redirection 302, pointant vers le bon fichier dans S3. Vous pouvez avoir votre Lambda de retour de la fonction de l'url du fichier, qui est par la suite mappée à l'Emplacement de l'en-tête de la Passerelle API. Le navigateur va suivre la redirection et afficher l'image correctement.

Il y a plusieurs façons de mettre en œuvre la redirection, mais j'ai fait comme suit:

• Lambda retourne un objet avec l'image de la cible comme suit:

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

• Supprimer la normale '200' de la Méthode Statut de la Réponse de L'Intégration de la Réponse de l'API de la Passerelle. Le remplacer par un '302' état de réponse et ajouter la "Localisation" de l'en-tête mappé à la valeur de l'intégration.réponse.corps.emplacement de'

• Ajouter le statut 302 de la Méthode de Réponse ainsi

Il n'est actuellement pas possible parce que vous ne pouvez pas retourner des données binaires par le biais de l'API AWS Passerelle.

Pour que cela fonctionne, la fonction lambda aurait besoin de retourner les données de l'image comme blob binaire, et certaines méta-informations comme le type de contenu image. Puis, d'API AWS Passerelle devra être en mesure de cartographier ce à la réponse HTTP. Par exemple:-

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

puis passerelle API aurait besoin de carte contentType pour le "content-type" en-tête de la réponse, et de mettre les données de l'image dans le corps de la réponse avec le droit de l'encodage et de la longueur.

Malheureusement, il ne veut pas faire de ce droit maintenant. Il ne cartes encodages de texte comme application/json ou de l'application/xml comme le type de réponse (il est conçu pour les Api, après tout).

Vous pouvez très facilement le faire en utilisant un ElasticBeanstalk où vous avez beaucoup plus de contrôle sur la réponse http.