Piral 피드 서비스에서 정적 웹앱 호스팅

Piral Feed Service를 사용하면 중앙 위치에서 모든 말뚝을 호스팅하고 제어할 수 있습니다.

Piral 앱 셸은 어디에서나 호스팅할 수 있으며 서비스에서 직접 마이크로 프런트엔드를 로드할 수 있습니다.

여태까지는 그런대로 잘됐다. 이제 Piral Feed Service가 이 모든 일을 한 곳에서 할 수 있다고 하면 어떨까요?

Piral 앱 셸의 저장 및 버전 관리

필렛 저장 및 버전 관리

전체 웹사이트 호스팅

이것은 Piral Pro Feed 서비스에서 사용할 수 있는 정적 웹 사이트 기능으로 가능합니다.

그런 식으로 앱을 호스팅하는 것이 얼마나 간단한지 살펴보겠습니다.

피드 만들기

피드에 정적 웹사이트를 호스팅하려면 평소처럼 piral 피드 서비스에서 피드를 생성하면 됩니다.
추가 설정을 (아직) 설정할 필요가 없습니다.

데모 앱 셸 구축

두 번째 단계에서는 piral 앱 셸을 만들어 피드에 게시하려고 합니다.

piral-cli 을 사용하여 이 작업을 수행합니다.

npm init piral-instance --target my-static-webapp --defaults

이제 완전히 실행 중인 앱을 생성했습니다. 어떻게 보이는지 확인하려면 생성된 디렉토리로 이동하여 npx piral debug 를 실행하여 실행할 수 있습니다. 이제 앱이 localhost:1234에서 호스팅되어야 합니다. 정적 웹 사이트로 성공적으로 배포했는지 나중에 확인할 수 있도록 살펴보십시오!

피드 서비스에 앱 게시

piral-cli 로도 이 작업을 수행합니다. 먼저 앱 셸의 릴리스 버전을 빌드합니다. 빌드할 때 앱이 호스팅될 공개 URL도 제공합니다.

piral build --type release --public-url "/_/feedwithstaticpage/"

중요 참고 사항: 공개 URL의 마지막 세그먼트는 피드 이름과 일치해야 합니다.

피드 구성

이제 피드에서 '정적 페이지 구성'을 클릭하십시오.

그런 다음 버튼을 클릭하여 페이지를 업로드합니다.



유형 '사용자 지정'을 선택하고 '다음'을 클릭합니다.

이제 이전 단계에서 이미 컴파일한 앱을 업로드합니다. dist/release 폴더에 있어야 합니다.

그런 다음 제출하면 짜잔... 이제 Piral Feed Service에서 정적 웹 앱을 성공적으로 릴리스했습니다.

확인

결과를 보려면 빌드 프로세스에서 명시한 공개 URL로 이동하기만 하면 됩니다.

우리의 경우https://feed.piral.cloud/_/feedwithstaticpage/ . 이제 애플리케이션이 표시됩니다.

이 시점에서 URL은 여전히 ​​약간 이상해 보입니다. 사용자 지정 도메인을 포함하고 /와 같은 보다 일반적인 공개 URL을 사용할 수도 있습니다. 그러나 그것은 다른 기사에서 논의 될 것입니다 ...

결론

빠르고 간단한 솔루션이 필요한 경우 Piral Feed Service에서 정적 웹사이트를 호스팅하는 것은 훌륭한 옵션이 될 수 있습니다. 예를 들어 더 작은 내부 애플리케이션을 호스팅하려는 경우입니다. 또는 초기 단계에 있는 앱에서 작업 중이고 일부 상태를 표시하기 위해 결과를 빠르게 호스트하려는 경우.

이 모든 것이 마이크로프론트엔드 기반 애플리케이션 개발에 있어 이 옵션을 큰 이점으로 만듭니다.