lens up
1.0.0
게스트는 다른 게스트 사진과 함께 Gallery UI 볼 수 있습니다. 그는 또한 신청 코너에서 QR 코드를 봅니다.
게스트는 QR 코드를 스캔하여 Photo Collector UI 로 리디렉션되고 그곳에서 사진과 소원을 업로드할 수 있습니다.
Photo Collector UI Photo Collector Service 에 데이터를 보냅니다.
Photo Collector Service 게스트 사진을 Blob Storage에 업로드합니다.
Photo Collector Service 게스트 데이터를 데이터베이스에 추가합니다.
Photo Collector Service 이벤트를 대기열에 게시합니다.
Gallery Service 이벤트를 수신하고 처리합니다.
Gallery UI 용 갤러리의 새 사진에 대한 Gallery Service 푸시 알림, Gallery UI 갤러리 컬렉션에 새 게스트 사진을 추가합니다.
설명:
백엔드 서비스:
UI 애플리케이션:
Azure 서비스:
Docker를 사용하여 컴퓨터에서 로컬로 프로젝트를 실행할 수 있습니다. 애플리케이션을 로컬에서 실행하려면 아래 단계를 따르세요.
시작하기 전에 귀하의 컴퓨터에서 LensUp 에 대한 dev-certs 생성해야 합니다. 이 작업은 HTTPS를 통해 Docker를 사용하여 ASP.NET Core 이미지를 호스팅하는 데 필요합니다. 따라서 다음 명령을 사용하여 인증서를 생성하십시오.
dotnet dev-certs https -ep " %USERPROFILE%.aspnethttpslens-up.pfx " -p localCertPassword
dotnet dev-certs https --trust %USERPROFILE% 컴퓨터 이름으로 바꾸십시오. 예 "C:UsersDell Precision 7520.aspnethttpslens-up.pfx"
로컬 개발 목적으로 비밀번호 localCertPassword 사용합니다. docker-compose.yml 파일에 동일한 비밀번호가 사용되므로 이를 변경하지 마십시오.
위 명령은 lens-up.pfx 인증서를 생성하고 아래 스크린샷에 표시된 대로 디렉터리에 배치해야 합니다.
docker-compose가 해당 인증서를 참조하므로 이는 필수 단계입니다!
컴퓨터에 docker desktop 설치합니다 (이미 설치한 경우 건너뛰기) .
docker desktop 애플리케이션을 실행하십시오.
docker-compose.yml 파일이 있는 기본 프로젝트 디렉터리( lens-up )에서 docker-compose build 명령을 실행합니다. 그러면 7개의 필요한 LensUp 이미지가 생성됩니다. 처음 빌드하는 데는 몇 분(최대 10분)이 걸릴 수 있습니다. 이 단계를 완료한 후에는 Docker Desktop 애플리케이션에 새 이미지가 표시되어야 합니다.
빌드 명령 후 docker-compose up 실행하여 전체 인프라를 시작합니다. Docker Desktop에서 LensUp과 관련된 7개의 컨테이너가 시작된 것을 볼 수 있습니다.
이제 전체 애플리케이션이 컴퓨터에서 실행됩니다. 다음 주소를 사용할 수 있습니다.
백엔드 서비스:
LensUp.BackOfficeService.API swagger - https://localhost:8085/swagger/index.htmlLensUp.GalleryService.API swagger - https://localhost:8083/swagger/index.htmlLensUp.GalleryService.WebhookTriggerSimulator - http://localhost:8086/LensUp.PhotoCollectorService.API swagger - https://localhost:8081/swagger/index.htmlUI 애플리케이션:
LensUp.GalleryService.UI - http://localhost:5001/
LensUp.PhotoCollectorService.UI - http://localhost:5002/
LensUp.PhotoCollectorService.UI에서는 아직 생성하지 않은 특정 갤러리와 연결된 보기로 이동해야 하기 때문에 오류 페이지가 표시됩니다.
첫 번째 갤러리를 만들고 LensUp으로 즐거운 시간을 보내는 방법은 무엇입니까?
LensUp.BackOfficeService.API 로 이동 - https://localhost:8085/swagger/index.html
엔드포인트 Create 사용하여 갤러리를 생성하세요. 엔드포인트는 생성된 후 갤러리 식별자를 반환합니다 (1) .
갤러리를 사용하기 전에 갤러리를 활성화해야 합니다. 이 경우 Activate 엔드포인트를 사용하고 요청 본문에 galleryId 및 endDate 전달하세요. endDate 는 검증되었으며 현재 시간보다 커야 한다는 점을 기억하세요. 그렇지 않으면 갤러리가 만료된 것으로 처리됩니다. 엔드포인트는 활성화된 후 갤러리 enterCode 반환합니다 (1) .
갤러리 enterCode 사용하면 LensUp.GalleryService.UI - http://localhost:5001/를 사용하여 갤러리를 열 수 있습니다.
enterCode 사용하여 갤러리에 로그인하세요.
이제 갤러리 QR 코드를 스캔하고 사진을 업로드할 수 있습니다. 코드는 갤러리에 사진을 추가하기 위한 양식으로 리디렉션됩니다. 브라우저 도구를 사용하여 QR 코드를 스캔할 수 있습니다. 작동하지 않으면 http://localhost:5002/upload-photo/{enterCode} 로 이동하면 됩니다.
QR 코드는 사진과 소원 양식을 추가하도록 리디렉션합니다. 이제 데이터를 갤러리에 업로드할 수 있습니다.
양식을 성공적으로 완료하면 성공 알림이 표시되고 사진이 갤러리에 표시됩니다.
