RUM へのミニプログラムの統合 - Application Real-Time Monitoring Service

Application Real-Time Monitoring Service (ARMS) の Real User Monitoring (RUM) サブサービスを使用すると、Alipay、WeChat、DingTalk、QQ、Douyin、Baidu、JD.com などの主要アプリにデプロイされたミニプログラムを監視し、Taro や uni-app などのフレームワークを横断してミニプログラムをコンパイルできます。 npm パッケージを統合して、ランタイムパフォーマンスメトリックを収集し、例外を追跡し、ミニプログラムのユーザーエクスペリエンスを向上させることができます。

重要

RUM は、2024 年 6 月 24 日午前 0 時 0 分 0 秒 (UTC+8) から商用利用が可能になりました。詳細については、「課金」をご参照ください。テクニカルサポートを受けるには、DingTalk グループチャット (ID: 67370002064) に参加してください。

手順

ARMS コンソールにログオンします。
左側のナビゲーションウィンドウで、[real User Monitoring] > [アプリケーションリスト] を選択します。上部のナビゲーションバーで、リージョンを選択します。
[アプリケーション] ページで、[アプリケーションを追加] をクリックします。
[アプリケーションの作成] パネルで、[ミニプログラム] をクリックします。
[ミニプログラム] パネルで、ミニプログラムの名前と説明を入力し、[作成] をクリックします。
説明
名前は一意である必要があります。
次に、モニタリングデータがレポートされるアドレス (エンドポイント) とミニプログラム ID (pid) がアプリに対して自動的に生成されます。
OpenRUM SDK を初期化します。
OpenRUM SDK を初期化するには、npm パッケージを使用します。
1. npm パッケージを導入します。
```
npm install @arms/rum-miniapp
```
2. SDK を初期化します。
  説明
  次のコードの pid パラメーターと endpoint パラメーターを、ARMS コンソールから取得したアドレスとミニプログラム ID に置き換えます。
```
import ArmsRum from '@arms/rum-miniapp';
ArmsRum.init({
  pid: "your app id",
  endpoint: "your endpint"
});
```
アドレスを設定します。
サーバーのドメイン名ホワイトリストにアドレスを追加します。
アドレスの例: https://aokcd*****-default-cn.rum.aliyuncs.com

Application Real-Time Monitoring Service:ミニプログラムを統合する

手順

関連情報