AWS Amplify를 사용하여 React Native에서 S3로 업로드

결국 react-native-aws3 라이브러리를 사용하여 이미지를 S3에 업로드했습니다. AWS amplify를 사용하여 직접 이미지를 업로드하는 방법에 대한 답을 찾는 것이 더 간단 할 수 있었으면했지만 작동하지 않았습니다. 그래서 내가 한 일은 다음과 같습니다.

(이 함수의 래퍼는 React Component입니다. 저는 'expo-image-picker'의 ImagePicker, 'expo-permissions'의 권한 및 'expo-constants'의 상수를 사용하여 카메라 롤에서 이미지 업로드를 설정하고 있습니다. )

import {identityPoolId, region, bucket, accessKey, secretKey} from '../auth';
import { RNS3 } from 'react-native-aws3';



async function s3Upload(uri) {

      const file = {
               uri,
               name : uri.match(/.{12}.jpg/)[0],
               type : "image/png"
      };

        const options = { keyPrefix: "public/", bucket, region, 
        accessKey, secretKey, successActionStatus: 201}

        RNS3.put(file, options)
            .progress(event => {
                console.log(`percentage uploaded: ${event.percent}`);
            })
            .then(res => {
                if (res.status === 201) {
                    console.log('response from successful upload to s3:', 
                    res.body);
                    console.log('S3 URL', res.body.postResponse.location);
                    setPic(res.body.postResponse.location);

                } else {
                    console.log('error status code: ', res.status);
                }
            })
            .catch(err => {
                console.log('error uploading to s3', err)
            })
}

const pickImage = async () => {
        let result = await ImagePicker.launchImageLibraryAsync({
            mediaTypes : ImagePicker.MediaTypeOptions.All,
            allowsEditing : true,
            aspect : [4,3],
            quality : 1
        });

        console.log('image picker result', result);

        if (!result.cancelled) {
            setImage(result.uri);
            s3Upload(result.uri);
        }
    }