バージョン

Ignite UI for jQuery 対応 Infragistics コンテンツ配信ネットワーク (CDN)

トピックの概要

目的

このトピックでは、コンテンツ配信ネットワーク (CDN) サポートを有効にし、 Infragistics® CDN に切り替える方法を示します。

前提条件

以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。

  • Ignite UI for jQuery で JavaScript リソースの使用: このトピックでは、Web アプリケーションで Ignite UI for jQuery JavaScript を操作して、必要なリソースを管理する方法について説明します。

  • Infragistics Loader の使用: このトピックでは、Infragistics Loader を使用して Ignite UI for jQuery を使用して作業するために必要なリソースを管理する方法について説明します。

このトピックの内容

CDN のサポートを有効にする - 概要

CDN のサポートを有効にする - サマリー

CDN サポートを有効にするには、必要なリソースの参照を、ローカル サーバーではなく CDN 上のそれらのリソースのインスタンスを指すようにする必要があります。CDN のファイルは、ローカル マシンと同じフォルダー構造で配置されます。参照オプションも同じです。つまり、リソースを静的に参照することも Infragistics Loader で参照することもできます。

これらのリソースを参照するルート URL には、Ignite UI for jQuery のボリューム番号とリソースのバージョン番号が含まれています。

注: Ignite UI for jQuery 2012 Volume 2 で開始、CDN の新しい「latest」(最新バージョン) の URL があります。トライアル版の CDN リソースにアクセスするために、この URL はトピックおよびヘルプで使用されます。この URL は自動的に Ignite UI for jQuery 製品の最新のサービス リリース バージョンに更新されます。ページでトライアル版ウォーターマークを表示します。製品版 (トライアル版にあるウォーターマークがありません) の URL を使用するには、Infragistics Web サイトの キーとダウンロード ページで選択した製品のソース コード タブを参照してください。

注: 例は、非セキュア URL の使用のみ示します。セキュアな URL では、非セキュア プロトコル http の代わりにセキュアなプロトコル https を使用する必要があります。

注: 13.1 リリースより、GZip 圧縮応答に対応するブラウザーのみ Infragistics CDN でサポートされます。

標準 HTML ページの CDN サポートを有効にする

標準 HTML ページの CDN サポートを有効にする - 概要

以下のブロックでは、標準 HTML ページのリソースの静的あるいは Infragistics Loader を使用した参照を示します。

詳細については、「Ignite UI for jQuery で JavaScript リソースを使用」のトピックを参照してください。

CDN ホスト JavaScript および CSS ファイルを静的に参照する

以下のコードは、HTML ページで Infragistics CDN からトライアル版 JavaScript およびスタイル ファイルを参照する方法を示します。

HTML の場合:

<link href="http://cdn-na.infragistics.com/igniteui/2023.2/latest/css/themes/infragistics/infragistics.theme.css"rel="stylesheet" type="text/css" />
<link href="http://cdn-na.infragistics.com/igniteui/2023.2/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.core.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.lob.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.dv.js" type="text/javascript"></script>

ローダーを使用して CDN ホスト JavaScript および CSS ファイルを参照する

以下のコードは、Infragistics Loader を使用して HTML ページで Infragistics CDN から静的 JavaScript およびスタイル ファイルを参照する方法を示します。

HTML の場合:

<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.loader.js"></script>

JavaScript の場合:

$.ig.loader({
            scriptPath: "http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/",
            cssPath: "http://cdn-na.infragistics.com/igniteui/2023.2/latest/css/"
        });

ASP.NET MVC の CDN サポートを有効にする

ASP.NET MVC の CDN サポートを有効にする - 概要

以下のブロックでは、ASP.NET MVC のリソースを手動あるいは Infragistics Loader を使用して参照する方法を示します。この例は、圧縮 JavaScript ファイルおよび ASP.NET MVC ラッパーの参照を示します。

詳細については、「Ignite UI for jQuery で JavaScript リソースを使用」のトピックを参照してください。

CDN ホスト JavaScript ファイルを静的に参照する

以下のコードは、ASP.NET MVC で Infragistics CDN から圧縮 JavaScript を静的に参照する方法を示します。

ASPX の場合:

<%@ Import Namespace="Infragistics.Web.Mvc" %>
<!DOCTYPE html>
<html>
<head runat="server">
<link href="http://cdn-na.infragistics.com/igniteui/2023.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" />
<link href="http://cdn-na.infragistics.com/igniteui/2023.2/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.core.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.lob.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.dv.js" type="text/javascript"></script>
</head>

ローダーを使用して CDN ホスト JavaScript および CSS ファイルを参照する

以下のコードは、Infragistics Loader を使用して ASP.NET MVC で Infragistics CDN から JavaScript およびスタイル ファイルを参照する方法を示します。

ASPX の場合:

<script src="http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/infragistics.loader.js"></script>
    <%= Html.Infragistics()
        .Loader()
        .ScriptPath("http://cdn-na.infragistics.com/igniteui/2023.2/latest/js/")
        .CssPath("http://cdn-na.infragistics.com/igniteui/2023.2/latest/css/")
        .Render()
    %>

Infragistics CDN

Infragistics CDN - 概要

インフラジスティックスは、サード パーティの CDN Web サービス プロバイダーを通して CDN をサポートしています。以下の表は、Infragistics CDN 対応アプリケーションで使用している URL を示します。(URL およびサービス プロバイダーは変更される可能性があります。)

非セキュア

http://cdn-na.infragistics.com/igniteui

セキュア

https://cdn-na.infragistics.com/igniteui

現在の CDN プロバイダーを変更するには、単に URL を置き換えます。

現在の CDN プロバイダーへのダイレクトな URL ではなくこれらの URL を用いてすべての CDN 提供のコンテンツを事前に定義することによって、Infragistics は CDN に依存するアプリケーションにネガティブな影響を与えることなくプロバイダーを変更できます。

注: CDN 機能のパフォーマンスとアップタイムは Infragistics が使用している現在の CDN プロバイダーに依存します。

関連コンテンツ

リソース

以下の資料 (Infragistics のコンテンツ ファミリー以外でもご利用いただけます) は、このトピックに関連する追加情報を提供します。

  • Google ライブラリ API: Google ライブラリ API は、もっともポピュラーなオープン ソース JavaScript ライブラリのコンテンツ配信ネットワークおよびローディング アーキテクチャです。

オンラインで表示: GitHub