프론트엔드 프로그래머의 관점에서 작은 프로그램의 안정성 보장을 보는 방법

비즈니스 안정성에 관해 이야기할 때 일반적으로 전류 제한 및 다운그레이드, 트래픽 스케줄링, 비즈니스 전환, 용량 압박 테스트 등 백엔드 엔지니어가 아키텍처 관점에서 보는 것을 의미하지만 모니터링도 안정성의 일부입니다. 비즈니스 전반의 안정성 구축 문제 발생 시 근본 원인을 조속히 찾아낼 수 있도록 비즈니스 모니터링, 프런트엔드 등 필수적인 부분입니다. 오늘은 미니프로그램의 시나리오를 바탕으로 미니프로그램을 모니터링하는 방법에 대해 살펴보겠습니다.

미니 프로그램과 H5의 차이점

미니 프로그램과 H5는 모두 모바일 시나리오의 기술적 옵션이므로 미니 프로그램과 H5의 차이점을 소개합니다.

1. 운영 환경의 차이

H5의 전통적인 운영 환경은 웹뷰를 포함한 브라우저로, 브라우저는 윈도우, 문서 등의 BOM 객체를 제공합니다.

애플릿의 로직 레이어와 렌더링 레이어는 다음과 같습니다. 로직 레이어는 JSCore에서 실행되며 완전한 브라우저 객체가 없으므로 관련 DOM API 및 BOM API가 부족합니다.

2. 개발 비용의 차이

H5 개발에는 개발 도구, 프런트 엔드 프레임워크, 모듈 관리 도구, 작업 관리 도구, UI 라이브러리 선택, 인터페이스 호출 도구, 브라우저 호환성 등이 포함됩니다. 개발, 지정된 환경의 소규모 프로그램은 개발자 도구, API 및 표준화된 개발 표준을 제공합니다. 미니 프로그램은 지정된 환경에서 실행되고 API도 지정된 환경에서 제공되므로 브라우저 호환성을 고려할 필요가 없습니다.

H5 개발에서는 프런트 엔드에서 흔히 사용되는 HTML/CSS가 다양한 미니 프로그램에서 파일 표준을 지정했습니다. 예:

WeChat 미니 프로그램에서 WXML/WXSS 사용

Alipay 미니 프로그램 및 DingTalk E 애플리케이션에서 AXML/ACSS 사용

Baidu 스마트 미니 프로그램에서 SWAN/CSS 사용.... ..

개발 사양은 지정된 공식 문서에 명확한 사용법 소개가 있을 예정입니다. 사용 방법은 원래 H5 개발과 유사하므로 비교적 쉽게 개발을 시작할 수 있습니다.

3. 사용자 경험의 차이

H5 페이지는 브라우저에서 렌더링되어야 하며, 복잡한 비즈니스 로직이나 풍부한 페이지 상호 작용이 발생할 때 지연이 발생합니다. 애플릿은 처음 실행하는 경우를 제외하면 약간 느립니다. 를 사용하고 있으며, 페이지 전환과 점프가 매우 원활하여 Native에 가깝습니다.

위의 미니 프로그램과 H5에 대한 다양한 소개를 통해 H5 페이지의 원래 모니터링은 미니 프로그램이 매우 폐쇄적이기 때문에 동시에 미니 프로그램을 직접 모니터링할 수 없다는 것을 알 수 있으며, 미니 프로그램마다 표준이 약간 다릅니다. WeChat 미니 프로그램, Alipay 미니 프로그램 및 DingTalk E 애플리케이션과 같은 표준 및 개방형 API 사용에는 약간의 차이가 있으므로 미니 프로그램 모니터링은 웹 애플리케이션 모니터링과 다릅니다.

미니 프로그램 모니터링 현황

현재 미니 프로그램 모니터링은 크게 다음과 같은 카테고리로 나누어집니다. 1. 미니 프로그램 운영에 도움이 되는 미니 프로그램 데이터의 통계 분석

관련 상품: WeChat mini 프로그램 도우미, Ah Latin 미니 프로그램 통계 플랫폼 등

기능: 대부분 WeChat 미니 프로그램에 해당하는 데이터 통계 분석 기능을 제공하고 미니 프로그램 관련 사용자 데이터를 다차원에서 분석하며 미니 프로그램 운영에 적합합니다. 사용자 경험 부족, 미니 프로그램 성능 모니터링.

2. 미니 프로그램 오류 모니터링

관련 상품: FunDebug 등

특징: 미니 프로그램으로 인해 발생하는 오류를 모니터링하여 개발자가 미니 프로그램 오류를 발견하고 해결하는 데 도움을 주지만 미니 프로그램의 글로벌 성능에 대한 모니터링은 부족합니다. 느린 요청과 느린 페이지는 모니터링할 수 없습니다.

3. 미니 프로그램 성능 모니터링

관련 상품: FrontJS, Tingyun 미니 프로그램 모니터링 등

특징: JS 오류, 네트워크 요청 응답 등을 포함한 성능 관련 데이터를 주로 제공합니다. 하지만 위챗 미니 프로그램만 지원하며, 미니 프로그램의 성능과 백그라운드 애플리케이션의 성능을 연관시킬 수 있는 방법이 없어 엔드투엔드 모니터링 구성이 불가능하다.

위의 기존 미니 프로그램 모니터링 제품 분석을 통해 다음과 같은 문제가 있습니다.

모든 미니 프로그램 모니터링을 지원할 수 없으며 주로 WeChat 미니 프로그램을 지원합니다.

다양한 유형의 미니 프로그램 모니터링 제품을 지원하며 미니 프로그램을 제공합니다. 주로 오류 모니터링에 초점을 맞춘 관련 데이터가 적습니다.

백그라운드 애플리케이션 서비스에 대한 성능 모니터링이 없으며, 소규모 프로그램의 성능 문제는 백그라운드 애플리케이션 코드 및 데이터베이스까지 추적할 수 없어 엔드투(end-to) 구성이 불가능합니다. -모니터링을 종료합니다.

위의 상황을 바탕으로 Alibaba Cloud ARMS 프런트 엔드 모니터링은 미니 프로그램 모니터링을 출시하여 미니 프로그램 문제를 전체적으로 신속하게 찾고 미니 프로그램의 사용자 경험을 향상시키는 것을 목표로 합니다.

미니 프로그램 모니터링이 제공하는 기능

Alibaba Cloud ARMS 프론트엔드 모니터링 이번에 출시된 미니 프로그램 모니터링은 다음과 같은 특징을 가지고 있습니다.

1 표준 및 사양을 준수하는 모든 유형의 미니 프로그램을 포괄합니다

먼저 설명합니다. "표준화된 작은 프로그램"은 앱과 페이지의 두 레이어로 구성됩니다.

앱은 onError 이벤트를 포함하여 전체 프로그램을 설명하는 데 사용됩니다.

페이지는 onShow, onHide, onUnload 이벤트.

미니 프로그램의 실행 환경은 해당 클라이언트에 따라 다릅니다. 다양한 미니 프로그램의 DSL 디자인은 비슷해 보이지만 세부 사항에서는 여전히 많은 차이가 있으며 차별화되는 추세입니다. 이 경우 미니 프로그램의 모니터링 요구 사항을 더 잘 지원하기 위해 Alibaba Cloud ARMS 프런트 엔드 모니터링은 다음과 같은 미니 프로그램 모니터링 시나리오를 제공합니다.

微信小程序
支付宝小程序
钉钉 E 应用
其他类别小程序

미니 프로그램의 급속한 개발로 인해 이제 다양한 유형의 미니 프로그램을 모니터링하는 것이 불가능합니다. 미니 프로그램은 모두 해당 모니터링 SDK를 제공하므로 WeChat 미니 프로그램, Alipay 미니 프로그램 및 DingTalk E 애플리케이션에 속하지 않는 미니 프로그램은 다른 미니 카테고리의 시나리오에 액세스하도록 선택할 수 있습니다. 모니터링을 위한 프로그램이지만 위에서 언급한 "표준 사양" 전제 조건을 충족해야 하며 npm 패키지도 지원합니다.

2. 완벽한 성능 모니터링 지표

미니 프로그램 애플리케이션의 사용법을 이해하는 데 도움이 되는 기본 비즈니스 지표:

전체 애플리케이션 PV/UV# 🎜 🎜#

페이지 차원의 PV/UV

미니 프로그램의 각 차원 지표:

휴대폰 모델

작동 중 시스템 버전#🎜 🎜#

WeChat/Alipay 및 기타 해당 앱 버전

네트워크 등

JS 오류 분석:

JS 오류율, 오류 수집 클래스, JS 오류 스택 및 오류 위치 등

API 요청 추적:

API 요청 성공률, API 요청 시간 소비 및 API 요청 링크 추적

# 🎜🎜#맞춤 이벤트 통계

비즈니스에서 맞춤 이벤트 합계/평균 통계 지원

3 보고 방법은 구성을 통해 선택할 수 있습니다

.

비즈니스 당사자마다 모니터링에 대한 요구가 다르기 때문에 우아한 자동 데이터 보고뿐만 아니라 개방형 통계 기능을 활용한 맞춤형 보고도 지원합니다. 자세한 내용은 공식 홈페이지 프론트엔드 모니터링 접속 개요에서 미니 프로그램 시나리오 관련 문서를 확인하시기 바랍니다:

https://help.aliyun.com/document_detail/ 106086.html

# 🎜🎜#

Summary

미니 프로그램은 앞으로 주요 인터넷 기업에서 크게 지원하는 방향이므로 미니 프로그램 응용 프로그램이 앞으로 늘어날 것입니다. 사용자 경험에 대한 관심과 개선이 필요합니다. Alibaba Cloud ARMS 프런트엔드 모니터링이 제공하는 미니 프로그램 모니터링은 고객이 실시간으로 품질 문제를 모니터링하고 발견할 수 있도록 지원하여 안정적인 운영을 보장합니다. 기업의 미니 프로그램.

위 내용은 프론트엔드 프로그래머의 관점에서 작은 프로그램의 안정성 보장을 보는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!