ミニプログラムと ARMS リアルユーザーモニタリングの連携 - Application Real-Time Monitoring Service

ARMS リアルユーザーモニタリングは、Alipay、WeChat、DingTalk、QQ、Douyin、Baidu、JD.com 上の一般的なミニプログラムをサポートしています。また、Taro や Uniapp などのクロスプラットフォームフレームワークで開発され、ミニプログラムにコンパイルされるアプリケーションもサポートしています。npm パッケージを連携することで、ランタイム中のパフォーマンスメトリクスを収集し、例外をトレースして、ご利用のアプリケーションのユーザーエクスペリエンスを向上させることができます。

重要

リアルユーザーモニタリング（RUM）は、2024 年 6 月 24 日 00:00:00（UTC + 08:00）より商用利用が可能になりました。課金の詳細については、「課金」をご参照ください。テクニカルサポートが必要な場合は、DingTalk グループ（ID：67370002064）にご参加ください。

アプリケーションの作成

ARMS コンソールにログインします。
ナビゲーションウィンドウで、ユーザーエクスペリエンスのモニタリング > アプリケーションリスト を選択します。上部メニューバーでリージョンを選択します。
アプリケーションリスト ページで、アプリケーションの追加 をクリックします。
Create Application パネルで、Mini Program をクリックします。
Mini Program パネルで、アプリケーション名と説明を入力し、作成をクリックします。

説明
アプリケーション名は一意である必要があります。

アプリケーションの作成後、pid およびエンドポイントが自動的に生成されます。
プローブ SDK をインストールします。

現在、ミニプログラム用プローブは npm パッケージ経由でのみ連携できます。
1. npm パッケージをインストールします。
```
npm install @arms/rum-miniapp
```
2. SDK を初期化します。
  
  説明
  以下のコード内の pid および endpoint の値は、コンソールから取得したご利用のアプリケーションに対応する値に置き換えてください。
```
import ArmsRum from '@arms/rum-miniapp';
ArmsRum.init({
  pid: "YOUR_PID",
  endpoint: "YOUR_ENDPOINT"
});
```
セキュアドメイン名を設定します。

ご利用のアプリケーションのエンドポイントをサーバードメイン名ホワイトリストに追加します。

エンドポイント例：https://aokcd*****-default-cn.rum.aliyuncs.com

Application Real-Time Monitoring Service:ミニプログラムの連携

アプリケーションの作成

関連トピック