2.0.0 へのアップグレード
このガイドでは、Reveal SDK 2.0 で導入された破壊的変更と、既存の 1.x アプリケーションを 2.0 にアップグレードするために必要な手順について説明します。
まず 1.x アップグレード ガイド (1.8.4 ドキュメント) に従ってプロジェクトを 1.8.4 にアップグレードしてから、このページに戻っ て 2.0 への移行を完了してください。
破壊的変更の概要
- jQuery と Day.js の削除 — SDK は jQuery と Day.js に依存しなくなりました。
- NPM 配信 — クライアント SDK は npm パッケージとして配信されるようになりました。レガシーなスクリプトタグによる配信は推奨されなくなりました。
$.igとRevealApi名前空間の削除 — すべての型はreveal-sdknpm パッケージから直接インポートするようになりました。$.ig.ClassNameおよびRevealApi.ClassNameを直接インポートに置き換えてください (例:import { ClassName } from "reveal-sdk")。- API の名前変更と削除
DateFilter- 削除RevealView、RVDashboard、ExportOptionsBaseから非推奨プロパティを削除Reveal.Sdk.Dashboard.ToJsonStringAsync- 名前変更ToJsonStringに変更。
- 非推奨の型 —
RVDashboardThumbnailViewは非推奨になりました。RVThumbnailを使用してください。
アップグレード手順
1. jQuery を削除する
Reveal SDK は jQuery を必要としなくなりました。SDK のためにロードしていた jQuery のスクリプトタグを削除してください:
<!-- この行を削除 -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
アプリケーション自体のコードが jQuery に依存している場合はそのまま使用できます — Reveal SDK が jQuery を必要としなくなっただけです。
また、古いバージョンから残っている Day.js、Quill.js、Spectrum.js も削除してください:
<!-- これらがある場合は削除 -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.css" rel="stylesheet" type="text/css" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.js"></script>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet" type="text/css" >
<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
2. クライアント SDK を NPM に切り替える
レガシーなスクリプトタグによるインストールを npm パッケージに置き換えます。
- 1.x (スクリプトタグ)
- 2.0 (npm)
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script src="https://dl.revealbi.io/reveal/libs/1.8.4/infragistics.reveal.js"></script>
npm install reveal-sdk
import { RevealSdkSettings, RevealView } from "reveal-sdk";
バンドラーを使用しない環境向けに SDK 配布 zip は引き続き利用可能ですが、jQuery と Day.js は不要になりました:
<script src="./assets/reveal/reveal-sdk.js"></script>
3. サーバー SDK パッケージを更新する
- ASP.NET
- Java
- Node.js
Reveal.Sdk.* NuGet パッケージをバージョン 2.0.0 以降に更新します。
<PackageReference Include="Reveal.Sdk.AspNetCore" Version="2.0.0" />
Maven/Gradle の依存関係をバージョン 2.0.0 以降に更新します。
<dependency>
<groupId>com.infragistics.reveal.sdk</groupId>
<artifactId>reveal-sdk</artifactId>
<version>2.0.0</version>
</dependency>
npm install reveal-sdk-node@2.0.0
4. API の使用方法を更新する
$.ig / RevealApi → 直接インポート
$.ig と RevealApi のグローバル名前空間は削除されました。すべての型は reveal-sdk npm パッケージから直接インポートするようになりました。TypeScript で infragistics.reveal.d.ts を使用して IntelliSense を利用していた場合 (例: new $.ig.RevealView)、すべての参照を直接インポートに更新してください。
- 1.x
- 2.0
$.ig.RevealSdkSettings.setBaseUrl("https://localhost:5111/");
var revealView = new $.ig.RevealView("#revealView");
import { RevealSdkSettings, RevealView } from "reveal-sdk";
RevealSdkSettings.setBaseUrl("https://localhost:5111/");
const revealView = new RevealView("#revealView");
DateFilter → filters + RVDateRule
非推奨の DateFilter プロパティは削除されました。代わりに filters コレクションを使用してください。 DateFilter は RevealView、RVDashboard、RVDateDashboardFilter、IExportOptions、RevealSettings、ExportOptionsBase およびその子クラスから削除されました。
- 1.x
- 2.0
var myRule = new $.ig.RVDateRule($.ig.RVPeriodRelation.Last, 3, $.ig.RVPeriodType.Month);
dashboard.dateFilter = new $.ig.RVDateDashboardFilter(myRule);
import { RVDateRule, RVPeriodRelation, RVPeriodType } from "reveal-sdk";
const myRule = new RVDateRule(RVPeriodRelation.Last, 3, RVPeriodType.Month);
const myDateFilter = dashboard.filters.findByTitle("My Date Filter");
myDateFilter.rule = myRule;
RVDashboardThumbnailView → RVThumbnail
- 1.x
- 2.0
var thumbnailView = new $.ig.RevealDashboardThumbnailView("#thumbnail");
$.ig.RevealUtility.getDashboardInfo("Sales", function (info) {
thumbnailView.dashboardInfo = info.info;
});
import { RVThumbnail } from "reveal-sdk";
RVThumbnail.fromDashboard("#thumbnail", "Sales");
新しい RVThumbnail API はランタイムでのテーマ変更もサポートしています。
削除された API
| API | 代替 |
|---|---|
$.ig 名前空間 | reveal-sdk からの直接インポート |
RevealApi 名前空間 | reveal-sdk からの直接インポート |
DateFilter プロパティ | filters コレクション |
RVDashboardThumbnailView | RVThumbnail |
Reveal.Sdk.Dashboard.ToJsonStringAsync | ToJsonString |
| レガシー チャート タイプ (以前に非推奨) | 現在のチャート タイプを使用 |
| レガシー Java エンジン | Java SDK (Spring Boot) |
チェックリスト
- jQuery の
<script>タグを削除 - Quill.js と Spectrum.js の参照がある場合は削除
- クライアント SDK を npm パッケージに切り替え (またはスクリプトタグ構成から jQuery を削除)
- サーバー SDK パッケージを 2.0.0 に更新
- すべてのクライアントコードで
$.ig.とRevealApi.をreveal-sdkからの直接インポートに置き換え -
DateFilterプロパティの使用をFiltersリストで置き換え -
RVDashboardThumbnailViewをRVThumbnailに置き換え -
Reveal.Sdk.Dashboard.ToJsonStringAsyncをToJsonStringに置き換え - 削除されたレガシー チャート タイプを使用しているダッシュボードがないことを確認
- レガシー Java エンジンを使用している場合は、サポートされているサーバー SDK に移行
お困りですか?
アップグレード中に問題が発生した場合は、Issue を作成するか、アプリ内チャットからお問い合わせください。