프로그레시브 웹 앱

어떻게해야합니까? Mendix 프로그레시브 웹 앱(PWA)이 작동하나요?

프로그레시브 웹 앱(PWA)은 브라우저의 기능을 점진적으로 더 많이 활용하여 사용자 경험을 개선하는 특별한 유형의 웹 애플리케이션입니다. Mendix 프로그레시브 웹 앱은 다음과 유사합니다. 웹 애플리케이션, 하지만 PWA는 더 많은 기능을 제공합니다. 예를 들어, 부분적으로 또는 완전히 오프라인으로 작업하는 옵션, 기기 홈 화면에 추가하는 옵션, 기기 기능 및 웹 푸시 알림 지원 등이 있습니다. PWA는 종종 모바일 앱에 사용되지만 데스크톱 앱에도 사용할 수 있습니다.

개발자는 웹 앱을 만드는 방식과 유사한 PWA를 만들 수 있습니다. 이러한 대칭성은 개발자에게 익숙한 모든 옵션을 제공하고 기존 구성 요소와 지식을 재사용할 수 있도록 합니다. 또한 개발자는 다음을 적용할 수 있습니다. 오프라인 우선 앱의 성능과 가용성을 개선하기 위한 접근 방식입니다.

개발자는 예를 들어 사용 사례에 필요한 PWA 기능만 활성화할 수 있습니다. 홈 화면에 추가 지원, 리소스 캐싱(페이지, 스타일링, 로직과 같은 것) 또는 전체 오프라인 지원. 개발자는 카메라, 위치 서비스와 같은 장치 기능을 활용하거나 웹 푸시 알림에 대한 지원을 추가하는 기능을 추가할 수도 있습니다. 사용 가능한 기능은 브라우저 기능에 따라 다릅니다.

에서 논의 된 것처럼 어떻게합니까 Mendix 다중 채널 애플리케이션을 지원하시나요? 섹션 프런트 엔드, PWA는 가능한 채널 중 하나입니다. Mendix 응용 프로그램. 그만큼 Mendix 클라이언트는 JavaScript, HTML5, CSS3 기반의 풍부한 단일 페이지 애플리케이션(SPA)인 웹 앱을 렌더링하는 역할을 합니다. PWA는 또한 서비스 워커를 사용하여 데이터를 캐시하고 성능을 개선합니다.

WYSIWYG 페이지 편집기 사용 Mendix Studio Pro를 사용하면 사용자는 로컬에서 실행하거나 Studio Pro IDE에서 직접 배포할 수 있는 페이지와 상호 작용을 모델링할 수 있습니다. 로컬에서 실행하는 경우 변경 사항이 직접 표시됩니다. 이는 다음을 통해 수행됩니다. 즉시 업데이트 현재 상태를 유지하면서 UI를 즉시 다시 로드하는 기능으로, 앱 테스트와 미리 보기를 매우 간편하게 해줍니다.

앱이 클라우드에 배포되면 정적 리소스(HTML, CSS, JavaScript)가 리소스를 캐시하고 효율적으로 제공하는 프런트 페이싱 서버에 배포됩니다. PWA는 또한 향상된 성능을 위해 사용자 브라우저에서 리소스를 캐시할 수 있습니다. 주요 항목은 다음과 같습니다. index.html 페이지 페이지는 다음을 로드합니다. Mendix 클라이언트는 페이지를 렌더링하고 이벤트 처리를 시작합니다. 인증이 필요한 경우 최종 사용자는 로그인 페이지나 ID 공급자로 리디렉션됩니다. Mendix 캐시 버스팅 메커니즘을 적용하여 새로운 버전을 배포할 때 캐싱 문제가 발생하지 않도록 합니다.

따라서 Mendix JavaScript 클라이언트는 UI를 렌더링하고 브라우저에서 작업을 처리하며 HTTPS를 통해 API를 통해 통신합니다. Mendix 런타임. 이 풍부한 클라이언트는 서버를 호출할 필요 없이 많은 작업을 수행할 수 있으므로 비용이 많이 드는 서버 왕복 횟수를 최소화합니다. 클라이언트 측 기능 그리고 사실 Mendix 앱은 접근성 지침을 준수하는 동시에 브라우저의 뒤로/앞으로 이동 기능을 지원하므로 뛰어난 성능으로 웹 앱을 효율적으로 모델링할 수 있습니다.

어떻게합니까 Mendix 다양한 화면 크기 및 기기를 지원하나요?

Mendix 페이지는 기본적으로 반응형이므로 화면 크기에 자동으로 조정됩니다. 이를 통해 데스크톱에서 휴대전화에 이르기까지 다양한 화면 크기에 맞게 멋지게 보이는 웹 앱이 만들어집니다. 최적화된 사용자 경험을 위해 휴대전화와 태블릿에 대해 별도의 모바일 웹 채널을 정의할 수 있습니다. 기기 유형(예: 휴대전화, 태블릿 또는 데스크톱)은 다른 시나리오의 로직에서도 사용할 수 있습니다.

Mendix 훌륭한 사용자 경험을 구축하는 데 도움이 되는 여러 가지 일반적인 패턴과 모범 사례를 장치별로 제공합니다. 또한 이러한 패턴을 사용자 정의 변형으로 확장할 수도 있습니다. 사용자 인터페이스 디자인.