[AWS]웹 UI 기반 객체 탐지 애플리케이션

앞서 만들어놨던 로컬 기반의 애플리케이션을 html과 javascript를 이용해 간단(나한테는 안 간단)하게 웹 상에서 구현할 수 있다.

이 과정에서 문제가 조금 있었는데, 일단 쌩으로 html 파일을 열었을 때 페이지 자체가 나타나지 않던 것. 저번에 설정해두었던 가상환경이 실행되지 않고 chalice가 돌아가고 있지 않기 때문이었다. 똑같이 가상환경 실행 및 chalice 실행을 하면 웹 페이지가 제대로 나타난다. 두번째는, 모든게 잘 돌아가는데 이미지가 엑박으로 뜨는 것이었다.

왜 그런고 하니, S3의 버킷 상에서 퍼블릭 사용자의 접근 권한이 없기 때문이었다.

대충 이런식으로 엄청 겁주고 있지만 퍼블릭 액세스 차단을 풀어주고 개별 파일들에 대해서도 읽기 권한을 부여해주면 웹사이트 상에서 정상적으로 확인할 수 있다.

• 후단부 배포

사용자 권한 분석을 수행하지 않도록 config.json 수정

# config.json

{
  "version": "2.0",
  "app_name": "Capabilities",
  "stages": {
    "dev": {
      "autogen_policy": false,
      "api_gateway_stage": "api"
    }
  }
}

프로젝트에 필요한 서비스를 수동으로 지정해주는 policy-dev.json 파일 생성

# policy-dev.json

{
    "Version": "2012-10-17",
        "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "logs:CreateLogGroup",
                "logs:CreateLogStream",
                "logs:PutLogEvents",
                "s3:*",
                "rekognition:*"
            ],
            "Resource": "*"
        }
    ]
}

이후 S3로 정적 웹사이트 배포하는 과정에서 계속 아래와 같은 오류가 뜬다. 로컬에서는 잘만 돌아가는데, 구글링해봐도 안나오는 이 에러는 대체...ㅠㅠㅠ 내일 다시 한번 도전해봐야겠다...

참고자료: http://www.yes24.com/Product/Goods/101806234

AWS 기반 AI 애플리케이션 개발 - YES24