This topic explains how to enable Content Delivery Network (CDN) support and how to switch to the Infragistics® CDN.
The following table lists the topics required as a prerequisite to understanding this topic.
Using JavaScript Resources in Ignite UI for jQuery: This topic explains how to manage the required resources to work with the Ignite UI for jQuery JavaScript within a Web application.
Using Infragistics Loader: This topic explains how to manage the required resources to work with the Ignite UI for jQuery using Infragistics Loader.
To enable CDN support, you need to make the references to the required resources to point to the instances of these resources on the CDN instead of the local server. The files on the CDN are arranged in the same folder structure as they are your local machine. The referencing options are the same too, which means you can reference the resources either statically or with the Infragistics Loader.
The root URL for referencing these resources includes the Volume number of Ignite UI for jQuery and the version number of the resources.
Note:Starting with Ignite UI for jQuery 2012 Volume 2, there is a new 'latest' URL for the CDN. This URL is used in this topic and throughout the help for quickly accessing trial CDN resources. This location is automatically updated to the latest service release of the Ignite UI for jQuery product and displays a trial watermark on the page when used. To use the production URLs, without a trial watermark, the information is contained on the Keys & Downloads page under the selected product's Source Code tab on the Infragistics website.
Note: The examples cover using a non-secure URL only, For secure URLs you have to use secure protocol https instead of non-secure protocol http .
Note:Starting with the 13.1 release, only browsers that can accept GZip-compressed responses are supported with the Infragistics CDN.
The following blocks cover referencing resources for standard HTML pages either statically or using the Infragistics Loader.
If you need further details, refer to the Using JavaScript Resources in Ignite UI for jQuery topic.
The following code snippet demonstrates how to reference trial JavaScript and style files to the Infragistics CDN in an HTML page.
In HTML:
<link href="http://cdn-na.infragistics.com/igniteui/2020.2/latest/css/themes/infragistics/infragistics.theme.css"rel="stylesheet" type="text/css" />
<link href="http://cdn-na.infragistics.com/igniteui/2020.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/2020.2/latest/js/infragistics.core.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.lob.js" type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.dv.js" type="text/javascript"></script>
The following code snippet demonstrates how to reference JavaScript and style files to the Infragistics CDN in an HTML page using the Infragistics Loader.
In HTML:
<script src="http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.loader.js"></script>
In Javascript:
$.ig.loader({
scriptPath: "http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/",
cssPath: "http://cdn-na.infragistics.com/igniteui/2020.2/latest/css/"
});
The following blocks demonstrate referencing resources for ASP.NET MVC either manually or using the Infragistics Loader. The examples cover referencing minified JavaScript files and the ASP.NET MVC Wrapper.
If you need further details, refer to the Using JavaScript Resources in Ignite UI for jQuery topic.
The following code snippet demonstrates how to statically reference minified JavaScript files to the Infragistics CDN in ASP.NET MVC.
In ASPX:
<%@ Import Namespace="Infragistics.Web.Mvc" %>
<!DOCTYPE html>
<html>
<head runat="server">
<link href="http://cdn-na.infragistics.com/igniteui/2020.2/latest/css/themes/infragistics/infragistics.theme.css” rel="stylesheet" type="text/css" />
<link href="http://cdn-na.infragistics.com/igniteui/2020.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/2020.2/latest/js/infragistics.core.js"type="text/javascript"></script>
<script src="http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.lob.js"type="text/javascript"></script><script src="http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.dv.js"type="text/javascript"></script></head>
The following code snippet demonstrates how to reference JavaScript and style files to the Infragistics CDN in ASP.NET MVC using the Infragistics Loader.
In ASPX:
<script src="http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/infragistics.loader.js"></script>
<%= Html.Infragistics()
.Loader()
.ScriptPath("http://cdn-na.infragistics.com/igniteui/2020.2/latest/js/")
.CssPath("http://cdn-na.infragistics.com/igniteui/2020.2/latest/css/")
.Render()
%>
Infragistics provides CDN support via a third party CDN web service provider. The following table lists the URLs that are used in the Infragistics CDN-enabled applications. (The URLs and providers subject to change.)
Non-secure
http://cdn-na.infragistics.com/igniteui
Secure
https://cdn-na.infragistics.com/igniteui
To change your current CDN provider, just replace the URLs
By prefixing all CDN-delivered content in your application with the URLs rather than direct URLs to the current CDN provider, Infragistics is able to change providers without negatively affecting your applications that rely on the CDN.
Note: Performance and uptime of the CDN feature are dependent on the current CDN provider used by Infragistics.
The following material (available outside the Infragistics family of content) provides additional information related to this topic.
View on GitHub