フロントエンドプログラマの観点から小規模プログラムの安定性保証をどう見るか-ミニプログラム開発-php.cn

ビジネスの安定性について話すとき、通常、電流制限とダウングレード、トラフィックスケジューリング、ビジネスの切り替え、容量プレッシャーテストなど、バックエンドエンジニアがアーキテクチャの観点から見ているものを指しますが、監視も重要な要素です。ビジネス全体の安定性を確保するためには、ビジネスやフロントエンドの監視など、問題が発生した際にその根本原因を早期に発見するための構築が欠かせません。今日は、ミニプログラムのシナリオに基づいてミニプログラムを監視する方法を見ていきます。

ミニプログラムと 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 サイトの他の関連記事を参照してください。