Como en el título, puedo obtener una URL prefirmada de lambda sin problemas. La URL funciona en cURL para cargar una imagen sin ningún problema y también funciona con un script de prueba de Python.
Por mi vida, no puedo entender por qué esto no funciona en javascript (React Native específicamente, en Expo).
Aquí está aproximadamente el código de interés:
const getBlob = async (fileUri) => { const resp = await fetch(fileUri); const imageBody = await resp.blob(); return imageBody; }; async function putPhoto(photoURI){ // code to get the S3URL const imageBlob = await getBlob(photoURI) response = await fetch(S3URL,{ method: "PUT", body: imageBlob, // headers: { // "Content-Type": "application/json" // } })Es especialmente enloquecedor ya que la respuesta de S3 incluye la URL, a la que puedo curvar explícitamente y resolver con éxito:
curl -X PUT -T .\test.jpg "https://<bucketname>.s3.amazonaws.com/<lambda generated hash>.jpg?AWSAccessKeyId=<>&x-amz-security-token=<>&Expires=<>"Con, por supuesto, 'datos confidenciales' siendo reemplazados en <>.
Las únicas cosas que puedo ver con las que otros han tenido problemas comunes son los encabezados, de los cuales también intenté ingresar:
headers: {}Como supondría, eso anularía cualquier alcance global de los encabezados que me estoy olvidando.
¿Algun consejo? Muy apreciado.
Ok, parece que S3 es muy específico acerca de la necesidad de un encabezado correcto cuando recibe una solicitud fetch() y no se preocupa por esos mismos encabezados de un cURL. O al menos, debe configurarse como tal para buscar en este caso.
Código Python para lambda:
url = boto3.client('s3').generate_presigned_url( ClientMethod='put_object', Params={'Bucket': BUCKET_NAME, 'Key': full_id, 'ContentType': 'application/octet-stream'}, ExpiresIn=3600 )Crítico para agregar el parámetro Content-Type como se muestra.
Además, cambie mi código anterior a (ver Tipo de contenido):
async function putPhoto(photoURI){ // code to get the S3URL const imageBlob = await getBlob(photoURI) response = await fetch(S3URL,{ method: "PUT", body: imageBlob, headers: { "Content-Type": "application/octet-stream" } })