우리가 로컬 상에서 csp 설정, cors 설정을 해주었는데도 막상 배포가 완료된 Azure Web Service 에서는 오류가 발생한다. 왜냐하면 해당 web service에 있는 cors설정 를 변경해주어야 한다! 본인의 웹사이트를 입력/저장 해주면 정상적으로 작동한다.

azure blob서버에서 이미지 데이터를 제외하고 3d model데이터를 가져오는중에 프론트에서 cors 오류(Access-Control-Allow-Origin)가 발생한다. 해결 방법 : 가져오는 blob 파일이 있는 Storage account에 가서 cors 설정을 해주면된다. CORS를 설정하는 화면이 나온다. 사용하는 도메인 저장 후 조금만 기다리면 정상적으로 오류없이 화면에 나타난다.

구성 탭에 들어가서 본인이 원하는 시간대에 맞춰 TZ 변수를 만들어 주면 된다. 만들어 준 후 서버를 재시작 하면 적용된것을 확인 할 수 있다. 시간 목록 : https://www.php.net/manual/en/timezones.php 출처 : stackoverflow.com/questions/48760325/azure-web-app-service-time-zone-change-issue

이제 설정을 했으니 azure VM에 nginx를 설치하고, 도커로 컨테이너와 연결하여 서버를 실행 할 것 이다. Nginx 기본 설정 : crispypotato.tistory.com/67 Nginx 설치, 사용하기 환경: 우분투 18.04 nginx 설치 sudo apt-get update sudo apt-get install nginx 설치 후 cd /etc/nginx//etc/nginx/sites-available 이동 후 프록시 기본 설정 vi node-server server { listen 80; server_name.. crispypotato.tistory.com 우리가 sh파일에넣은 명령어 docker run -p 3000:3000 44444.azurecr.io/ptest:$BUILD_BU..

6. release sh파일 경로설정, 배포 pipelines에 release에 들어가서 edit pipeline를 클릭해서 파일 경로를 다시 설정해주어야 한다. 1 job, 1 task 를 클릭해서 설정에 들어간다. 중요한건 script path 부분이다. 우리가 전에 생성한 sh파일경로와 sh파일명을 써주어야 배포가 가능하다. path를 넣어 줄 수가 있고 inine를 눌러 직접 스크립트 문을 작성해 줄 수도 있다. 변경을 완료 하면 save를 누르고 저장하고 나온다. 버튼클릭하고 이동하여 배포를 실행 해보자 그리고 log를 보면 Initialize job를 클릭해서 보자 쭉 보다 보면 가 있는데 위에 글이 아까 우리가 delpoy.sh파일에 저장한 $BUILD_BUILDID 이다 왜 가져와야 하나면..

azure pipeline을 우당탕 설정 개발 중 시간 소모가 가장 컸다. express, docker, azure pipeline, azure container registry, azure VM 를 사용한다. 1. 로컬에서 설정 먼저 테스트 하기 위한 express 앱을 만든다 npm install express-generator -g 만든 후 , 도커 파일을 만들어야 한다 도커 파일 이름은 무조건 Dockerfile로 해야한다. dockerfile로 하면 인식을 못하니 주의하자 pm2를 이용해서 서버를 실행 할 거라서 pm2를 설치하고 실행 할 것이다. FROM node:12 WORKDIR /app COPY . . RUN npm i -g pm2 RUN npm i EXPOSE 3000 CMD [ "pm..