訓練
模組
使用 Azure CDN 和 Blob 服務為您的網站建立內容傳遞網路 - Training
深入了解如何在 Azure 中建立及使用內容傳遞網路 (CDN) 來裝載常用資產,例如網站中的影像。 此課程模組涵蓋 Azure CDN,並使用 Blob 儲存體作為穩定或非暫時性資料的基礎儲存體模型。
警告
生產應用程式不應對CDN資產產生硬式相依性。 應用程式應該測試參考的CDN資產,並在無法使用CDN時使用後援資產。
Microsoft Ajax CDN 在使用 Azure CDN 之後,沒有任何 SLA。
使用此 GitHub 問題 來回報Microsoft Ajax CDN 的問題。
ajax.microsoft.com 重新命名為 ajax.aspnetcdn.com
Visual Studio .vsdoc 支援
從 CDN 使用 ASP.NET Ajax
從 CDN 使用 jQuery
從 CDN 使用 jQuery UI
CDN 上的第三方檔案
CDN 上的 jQuery 版本
jQuery Migrate CDN 上的版本
CDN 上的 jQuery UI 版本
CDN 上的 jQuery 驗證版本
CDN 上的 jQuery 行動裝置版本
CDN 上的 jQuery 範本發行
CDN 上的 jQuery 迴圈版本
CDN 上的 jQuery DataTables 版本
CDN 上的 Modernizr 版本
CDN 上的 JSHint 版本
CDN 上的淘汰版本
將 CDN 上的發行全球化
回應CDN上的發行
CDN 上的啟動程式版本
CDN 上的 Bootstrap TouchCarousel 版本
CDN 上的Hammer.js版本
CDN 上的 ASP.NET Web Form 和 Ajax 版本
ASP.NET CDN 上的MVC版本
CDN 上的 ASP.NET SignalR 版本
Microsoft Ajax 內容傳遞網路 (CDN) 裝載熱門的第三方 JavaScript 連結庫,例如 jQuery,並可讓您輕鬆地將它們新增至 Web 應用程式。 例如,您可以藉由將腳本>標籤新增<至指向 ajax.aspnetcdn.com 的頁面,開始使用裝載於此 CDN 上的 jQuery。
藉由利用CDN,您可以大幅改善Ajax應用程式的效能。 CDN 的內容會快取於世界各地的伺服器上。 此外,CDN 可讓瀏覽器針對位於不同網域的網站重複使用快取的第三方 JavaScript 檔案。
如果需要使用安全套接字層提供網頁,CDN 支援 SSL (HTTPS)。
CDN 會裝載下列已上傳的第三方腳本連結庫,並由這些連結庫的擁有者授權給您:
Microsoft Ajax CDN 也包含下列連結庫,這些連結庫已由Microsoft上傳:
Microsoft不會宣告此 CDN 上裝載之任何第三方連結庫的擁有權。 連結庫的著作權擁有者會授權這些連結庫給您。 您可能必須下載及使用這類連結庫的任何權利,都只由各自的著作權擁有者授與。 因為這些不是Microsoft連結庫,Microsoft針對此 CDN 上裝載的第三方連結庫不提供任何擔保或知識產權授權(包括不含隱含專利權)。
如果您要提交 JavaScript 連結庫,且您的連結庫是其中一個熱門的 JavaScript 連結庫(如 上 http://trends.builtwith.com所列)或延伸模組/外掛程式,或 (b) 有助於用於 ASP.NET,請連絡 AjaxCDNSubmission@Microsoft.com。
用來使用 microsoft.com 功能變數名稱的 CDN 已變更為使用 aspnetcdn.com 功能變數名稱。 這項變更是為了提高效能,因為當瀏覽器參考 microsoft.com 網域時,它會透過每個要求從該網域傳送任何 Cookie。 藉由重新命名為 microsoft.com 效能以外的功能變數名稱,可以增加多達25%。 請注意,ajax.microsoft.com 會繼續運作,但建議使用 ajax.aspnetcdn.com。
若要正確搭配 Visual Studio 2008 使用 .vsdoc 檔案,您必須確定已安裝 VS 2008 SP1,並安裝 vsdoc 檔案的 Hotfix。 您可以從這裡取得下列專案:
Visual Studio 2010 支援 .vsdoc 檔案,而不需要任何其他修補程式。
使用 ASP.NET 4 時,您可以將 ASP.NET 架構腳本的所有要求重新導向至 CDN。 從 CDN 擷取腳本,而不是本機網頁伺服器,可以大幅改善公用 ASP.NET 網站的效能。
使用 ScriptManager EnableCDN 屬性,將所有 ASP.NET 架構腳本要求重新導向至 Microsoft Ajax CDN:
<asp:ScriptManager
ID="ScriptManager1"
EnableCdn="true"
Runat="Server" />
您可以將下列文稿元素新增至頁面,以在 Web 應用程式中的 CDN 上使用載入在 CDN 上的 jQuery 指令稿:
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
CDN 也包含 jQuery 腳稿的縮化版本,您可以使用下列元素取得:
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
若要允許頁面在CDN發生無法使用時,從自己的網站上本機路徑載入 jQuery,請在參考 CDN 的 元素之後立即新增下列元素:
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>
下列範例頁面會使用 jQuery 連結庫的 CDN 版本(具有本機複本的後援),在按兩下按鈕時顯示 div 元素的內容。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery from Microsoft AJAX CDN</title>
</head>
<body>
<button id="btn">Show Message</button>
<div id="message" style="display:none">
<h1>Hello from jQuery!</h1>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>
<script>
function domReady() {
$('#btn').click( showMessage );
}
function showMessage() {
$('#message').fadeIn('slow');
}
$( domReady );
</script>
</body>
</html>
您可以流覽 jQuery 網站,以深入瞭解 jQuery 並下載 jQuery 的本地副本。
CDN 也會裝載 jQuery UI 連結庫。 jQuery UI 連結庫包含一組豐富的小工具與效果,您可以在 ASP.NET 應用程式中使用。 例如,下列頁面說明如何在 ASP.NET Web Form 應用程式的內容中使用 jQuery UI Datepicker 來顯示快顯行事曆:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestjQueryUICDN.WebForm1" %>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Using jQuery UI from the CDN</title>
<link rel="Stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtStartDate" ClientIDMode="Static" runat="server" />
</div>
</form>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
<script>
$("#txtStartDate").datepicker();
</script>
</body>
</html>
當您使用鍵盤將焦點移至 TextBox 時,會顯示行事曆:
請注意,您必須在上述程式代碼中包含來自 CDN 的三個檔案:
所有標準 jQuery UI 主題都裝載在 CDN 上。 請瀏覽此頁面 以檢視每個主題的縮圖。
若要深入瞭解 jQuery UI 連結庫,請流覽官方 jQuery UI 網站。
CDN 會裝載一些最受歡迎的第三方 JavaScript 連結庫。 Microsoft不會宣告此 CDN 上裝載之任何第三方連結庫的擁有權。 連結庫的著作權擁有者會授權這些連結庫給您。 您可能必須下載及使用這類連結庫的任何權利,都只由各自的著作權擁有者授與。 因為這些不是Microsoft連結庫,Microsoft針對此 CDN 上裝載的第三方連結庫不提供任何擔保或知識產權授權(包括不含隱含專利權)。
下列 jQuery 版本裝載在 CDN 上:
下列 jQuery Migrate 版本裝載在 CDN 上:
jQuery Migrate 1.2.0 版
下列 jQuery UI 連結庫版本會裝載在此 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 jQuery 驗證外掛程式版本會裝載在此 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 jQuery 行動連結庫版本會裝載在此 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 jQuery 範本外掛程式版本會裝載在此 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 jQuery 迴圈外掛程式版本會裝載在此 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 jQuery DataTables 外掛程式版本會裝載在此 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 Modernizr 版本裝載在 CDN 上:
下列 JSHint 版本裝載在 CDN 上:
下列淘汰版本裝載在CDN上:
下列全球化版本裝載在CDN上:
https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js
https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.js
https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/cultures/globalize.cultures.js
所有文化特性
將 “{culture-code}” 取代為所需的文化特性代碼,例如 cdn ===CDN 上 globalize.culture.en-GB.js Microsoft檔案 ==這些連結庫是由 Microsoft 上傳。
下列回應版本裝載在CDN上:
下列 getbootstrap.com 啟動程式版本裝載在 CDN 上:
下列 https://github.com/ixisio/bootstrap-touch-carousel Bootstrap TouchCarousel 版本會裝載在 CDN 上:
下列 http://hammerjs.github.io/ Hammer.js版本裝載在CDN上:
下列 ASP.NET Ajax 連結庫的版本裝載在 CDN 上。 按兩下每個連結以查看實際的檔案清單。
下列 ASP.NET MVC JavaScript 檔案裝載在此 CDN 上:
針對 SignalR,我們建議使用第三方 CDN,例如 <cdnjs>
或 UNPKG。
下列 ASP.NET SignalR JavaScript 檔案裝載在此 CDN 上:
如需 CDN 使用規定的相關信息,請參閱 Microsoft Ajax CDN 使用規定。
訓練
模組
使用 Azure CDN 和 Blob 服務為您的網站建立內容傳遞網路 - Training
深入了解如何在 Azure 中建立及使用內容傳遞網路 (CDN) 來裝載常用資產,例如網站中的影像。 此課程模組涵蓋 Azure CDN,並使用 Blob 儲存體作為穩定或非暫時性資料的基礎儲存體模型。