ビジネスの安定性について話すとき、通常、電流制限とダウングレード、トラフィック スケジューリング、ビジネスの切り替え、容量プレッシャー テストなど、バックエンド エンジニアがアーキテクチャの観点から見ているものを指しますが、監視も重要な要素です。ビジネス全体の安定性を確保するためには、ビジネスやフロントエンドの監視など、問題が発生した際にその根本原因を早期に発見するための構築が欠かせません。今日は、ミニプログラムのシナリオに基づいてミニプログラムを監視する方法を見ていきます。
ミニ プログラムと H5 の違い
ミニ プログラムと H5 は両方ともモバイル端末のシナリオにおける技術的なオプションであるため、ここではミニ プログラムの違いを紹介します。そしてH5。
1. 動作環境の違い
従来の H5 動作環境は、Web ビューを含むブラウザであり、ブラウザはウィンドウやドキュメントなどの 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 ページはブラウザーでレンダリングする必要があり、複雑なビジネス ロジックやリッチ ページ インタラクションが発生すると遅延が発生します。
##小さなプログラムが最初に少し遅いことを除けば、ページの切り替えやジャンプは非常にスムーズで、ネイティブに近いです。
ミニ プログラムと H5 の間の上記のさまざまな導入を通じて、H5 ページの本来の監視ではミニ プログラムを直接監視できないことがわかります; 同時に、ミニ プログラムの強い閉鎖的な性質により、ミニ プログラムが異なれば、標準も異なります。また、わずかな違いもあります。WeChat ミニ プログラム、Alipay ミニ プログラム、DingTalk E アプリケーションなどのミニ プログラムも、標準 API とオープン API の使用にいくつかの違いがあるため、ミニ プログラムの監視はWeb アプリケーションの監視とは異なります。
小規模プログラムの監視の現状
現在、小規模プログラムの監視は大きく次のカテゴリに分類されます:
1. データ統計小規模プログラムの分析、ミニ プログラムの運用を支援するための
関連製品: WeChat ミニ プログラム アシスタント、Aladdin ミニ プログラム統計プラットフォームなど;
特徴: ほとんどの製品は、対応するデータ統計分析機能を提供します。 WeChat ミニ プログラムの場合、ミニ プログラムに関連するユーザー データを多次元から分析することは、ミニ プログラムの操作には適していますが、ユーザー エクスペリエンスとミニ プログラムのパフォーマンスの監視が不足しています。
2. ミニ プログラムのエラー監視
関連製品: FunDebug など;
特徴: ミニ プログラムによって引き起こされるエラーを監視し、開発者がミニ プログラムのエラーを発見して解決できるように支援します。ただし、ミニ プログラムの全体的なパフォーマンスの監視が不足しており、遅いリクエストや遅いページを監視することができません。
3. ミニプログラムのパフォーマンス監視
関連製品: FrontJS、Tingyun ミニプログラム監視など;
特徴: 主に JS エラーを含むパフォーマンス関連のデータを提供します。ネットワークリクエスト レスポンスなどただし、サポートされているのは WeChat ミニ プログラムのみであり、ミニ プログラムのパフォーマンスとバックグラウンド アプリケーションのパフォーマンスを相関させる方法がないため、エンドツーエンドの監視を形成することは不可能です。
既存のミニ プログラム モニタリング製品の上記の分析を通じて、次の問題があります:
はすべてのミニ プログラム モニタリングをサポートできず、主に WeChat ミニ プログラムをサポートします。複数の種類のミニ プログラムを監視する製品は、主にエラー監視に重点を置いた、ミニ プログラムに関連するデータが少なくなります。
バックグラウンド アプリケーション サービスのパフォーマンス監視がなく、ミニ プログラムのパフォーマンス問題をバックグラウンドまで追跡することはできません。アプリケーション コードとデータベースはエンドツーエンドの監視を形成できません。
上記の状況に基づいて、Alibaba Cloud ARMS フロントエンド監視はミニ プログラム監視を開始し、ミニ プログラムの問題をエンドツーエンドで迅速に特定し、ミニ プログラムのユーザー エクスペリエンスを向上させることを目的としています。
ミニプログラム監視が提供する機能
Alibaba Cloud ARMS フロントエンド監視 今回提供開始したミニプログラム監視は以下の特徴を持っています:
1. あらゆる種類のプログラムをカバー標準と仕様に準拠したミニ プログラム
最初に、ここで言う「標準および標準化されたミニ プログラム」について説明します。これには、アプリとページの 2 つの層が含まれます。
アプリは、プログラム全体を記述するために使用されます。 onError イベント;
Page は、onShow、onHide、onUnload イベントを含む各ページを説明するために使用されます。
ミニ プログラムの実行環境は対応するクライアントに依存しており、さまざまなミニ プログラムの DSL 設計は似ていますが、細部では依然として多くの違いがあり、差別化の傾向にあります。この場合、ミニ プログラムの監視要件をより適切にサポートするために、Alibaba Cloud ARMS フロントエンド監視では次のミニ プログラム監視シナリオが提供されます。
微信小程序
支付宝小程序
钉钉 E 应用
其他类别小程序
ログイン後にコピー
ミニ プログラムの急速な開発により、現在はさまざまなミニ プログラムをターゲットにすることは不可能 すべてが対応する監視 SDK を提供しているため、WeChat ミニ プログラム、Alipay ミニ プログラム、および DingTalk E アプリケーションに属さないミニ プログラムは、監視のために他のカテゴリのミニ プログラムのシナリオにアクセスすることを選択できますが、それらは必ず必要です上記の「標準仕様のミニプログラム」を満たしていることを前提として、npmパッケージもサポートされています。
2. 完全なパフォーマンス監視指標
ミニ プログラム アプリケーションの使用状況を理解するのに役立つ基本的なビジネス指標:
アプリケーションの合計 PV/UV
ページの寸法PV/UV
ミニ プログラムの各次元のインジケーター:
携帯電話のモデル
オペレーティング システムのバージョン
WeChat/Alipay およびその他の対応する APP のバージョン
ネットワークなど
JSエラー分析:
JSエラー率、エラークラスタリング、JSエラースタック、エラー位置など
APIリクエスト追跡:
API リクエストの成功率、API リクエストの消費時間、および API リクエストのリンクの追跡
カスタム イベント統計
ビジネス カスタム イベントの合計/平均統計をサポート
3. レポート方法は構成によって選択できます
監視に対するビジネス パーティのさまざまな要求のため、当社はエレガントなサイレント データ レポートをサポートするだけでなく、オープン統計機能を使用したカスタマイズされたレポートもサポートします。詳細については、公式 Web サイトのフロントエンド監視アクセスの概要にあるミニ プログラム シナリオの関連ドキュメントを参照してください:
https://help.aliyun.com/document_detail/106086.html
概要
ミニ プログラムは、大手インターネット企業によって大きく支持されている方向性であり、今後、ミニ プログラムの適用数は増加し、ユーザー エクスペリエンスと改善に焦点が当てられるでしょう。 Alibaba Cloud ARMS フロントエンド監視によって提供されるミニ プログラム監視は、顧客が品質上の問題をリアルタイムで監視および発見するのに役立ち、企業のミニ プログラムの安定した運用を確実に保証します。
以上がフロントエンドプログラマの観点から小規模プログラムの安定性保証をどう見るかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
