작업 자동화를위한 Chieftan API를 소비하는 Aurelia 웹 응용 프로그램
개발 환경을 설정하려면 로컬 컴퓨터에 Node.js가 설치해야합니다. 여기에서 다운로드 할 수 있습니다.
일단 완료되면 Chieftan 저장소를 복제하고 npm install 실행하여 Chieftan이 요구하는 다양한 종속성을 설치하십시오.
개발 환경은 Hot Module Reloading이 활성화 된 Webpack 주위에 구축되어 페이지 재 장전없이 스타일 시트와 코드 (아직 실행되지 않은 경우)의 실시간 업데이트를 허용합니다. npm run server:dev 실행 한 다음 브라우저에서 http://localhost:3002 에 액세스하여 개발 서버를 시작할 수 있습니다.
배포에는 응용 프로그램의 생산 패키지를 구축 한 다음 dist Folder의 내용을 서버에 배치하는 것이 포함됩니다. 프로덕션 패키지를 구축하려면 npm build 실행하고 웹 팩이 완료 될 때까지 기다리십시오.
프론트 엔드 오류에 대한 센트리 오류보고를 활성화하려면 SENTRY_DSN 환경 변수를 공개 센트리 DSN으로 설정해야합니다. VERSION 환경 변수를 설정하여 릴리스 버전을 태그 할 수도 있습니다.
SENTRY_DSN= " https://[email protected]/1 " VERSION= " $( git rev-parse HEAD ) " npm run build이 빌드 스크립트는 현재 Git SHA를 사용하여 릴리스에 태그를 지정하고 센트리 오류보고를 구성합니다.
NICE URL의 HTML5 푸시 상태 API를 사용하려면 404에 대한 index.html 파일을 제공하기 위해 웹 서버를 구성해야합니다.
nginx를 사용하면 try_files 지시문을 사용하여 쉽게 달성 할 수 있습니다.
server {
listen :80 default;
hostname chieftan.emss.co.za;
root /var/www/chieftan/dist;
# Serve the frontend
location / {
try_files $url $url.html index.html;
}
# Pass API requests to the application instance (basic)
location /api {
proxy_pass http://127.0.0.1:8000;
}
}
Docker를 사용하여 Chieftan 프론트 엔드를 배포하여 이미지를 빌드하여 단순히 npm build && docker build . 최신 컴파일 된 응용 프로그램 패키지로 컨테이너 이미지를 작성합니다.
이 컨테이너는 nginx:alpine 기반으로하므로 매우 가볍고 기본적으로 포트 3000에서 듣습니다. Nginx Docker 이미지 페이지의 지침을 따라 다르게 구성하거나 프로덕션 배포에서 리버스 프록시 뒤에 배치 할 수 있습니다.