差别

这里会显示出您选择的修订版和当前版本之间的差别。

--- 分享:技术:cdn:阿里云cdn的使用 [2016/01/22 11:24]
gxx
+++ 分享:技术:cdn:阿里云cdn的使用 [2016/01/22 12:50] (当前版本)
gxx
@@ 行 171: / 行 171: @@
 root@iZ23goxo66aZ:~#
 </file>
+==== 应用代码验证 ====
+应用freemarker代码中写相对路径，如下：
+<file html login.ftl>
+<html>
+<head>
+    <title>登录页面</title>
+    <link rel="stylesheet" href="${rc.contextPath}/css/reset.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="${rc.contextPath}/css/style.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="${rc.contextPath}/css/invalid.css" type="text/css" media="screen"/>
+    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery-min.js"></script>
+    <script type="text/javascript" src="${rc.contextPath}/scripts/simpla.jquery.configuration.js"></script>
+    <script type="text/javascript" src="${rc.contextPath}/scripts/base.js"></script>
+    <script type="text/javascript" src="${rc.contextPath}/scripts/login.js"></script>
+    <script language="javascript" type="text/javascript" >
+		var contextPath = "${rc.contextPath}/";
+	</script>
+</head>
+<body id="login" onkeypress="keyPress(event)">
+<div id="login-wrapper" class="png_bg">
+    <div id="login-top">
+        <h1>登录页面</h1>
+        <img id="logo" src="${rc.contextPath}/images/logo.jpg" alt="MANAGE" />
+    </div>
+    <div id="login-content">
+        <form onsubmit="return false;">
+            <div id="message_id" class="notification information png_bg" style="display: none;">
+                <a href="#" class="close">
+                    <img src="${rc.contextPath}/images/icons/cross_grey_small.png" title="关闭" alt="关闭"/>
+                </a>
+                <div id="message_id_content"> 提示信息！ </div>
+            </div>
+            <p>
+                <label>用户名</label>
+                <input class="text-input" type="text" id="username" />
+            </p>
+            <div class="clear"></div>
+            <p>
+                <label>密码</label>
+                <input class="text-input" type="password" id="password" />
+            </p>
+            <div class="clear"></div>
+            <div class="clear"></div>
+            <p>
+                <input class="button" type="button" onclick="login();" value="Log In" />
+            </p>
+        </form>
+    </div>
+</div>
+</body>
+</html>
+</file>
+访问界面，查看源码如下：
+<file html login.html>
+<html>
+<head>
+    <title>登录页面</title>
+    <link rel="stylesheet" href="/config_center/css/reset.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="/config_center/css/style.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="/config_center/css/invalid.css" type="text/css" media="screen"/>
+    <script type="text/javascript" src="/config_center/scripts/jquery-min.js"></script>
+    <script type="text/javascript" src="/config_center/scripts/simpla.jquery.configuration.js"></script>
+    <script type="text/javascript" src="/config_center/scripts/base.js"></script>
+    <script type="text/javascript" src="/config_center/scripts/login.js"></script>
+    <script language="javascript" type="text/javascript" >
+		var contextPath = "/config_center/";
+	</script>
+</head>
+<body id="login" onkeypress="keyPress(event)">
+<div id="login-wrapper" class="png_bg">
+    <div id="login-top">
+        <h1>登录页面</h1>
+        <img id="logo" src="/config_center/images/logo.jpg" alt="MANAGE" />
+    </div>
+    <div id="login-content">
+        <form onsubmit="return false;">
+            <div id="message_id" class="notification information png_bg" style="display: none;">
+                <a href="#" class="close">
+                    <img src="/config_center/images/icons/cross_grey_small.png" title="关闭" alt="关闭"/>
+                </a>
+                <div id="message_id_content"> 提示信息！ </div>
+            </div>
+            <p>
+                <label>用户名</label>
+                <input class="text-input" type="text" id="username" />
+            </p>
+            <div class="clear"></div>
+            <p>
+                <label>密码</label>
+                <input class="text-input" type="password" id="password" />
+            </p>
+            <div class="clear"></div>
+            <div class="clear"></div>
+            <p>
+                <input class="button" type="button" onclick="login();" value="Log In" />
+            </p>
+        </form>
+    </div>
+</div>
+</body>
+</html>
+</file>
+应用freemarker代码中修改成CDN加速域名前缀后，如下：
+<file html login.ftl>
+<html>
+<head>
+    <title>登录页面</title>
+    <link rel="stylesheet" href="http://cdn.enjoyingshop.com/config_center/css/reset.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="http://cdn.enjoyingshop.com/config_center/css/style.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="http://cdn.enjoyingshop.com/config_center/css/invalid.css" type="text/css" media="screen"/>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/jquery-min.js"></script>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/simpla.jquery.configuration.js"></script>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/base.js"></script>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/login.js"></script>
+    <script language="javascript" type="text/javascript" >
+		var contextPath = "${rc.contextPath}/";
+	</script>
+</head>
+<body id="login" onkeypress="keyPress(event)">
+<div id="login-wrapper" class="png_bg">
+    <div id="login-top">
+        <h1>登录页面</h1>
+        <img id="logo" src="http://cdn.enjoyingshop.com/config_center/images/logo.jpg" alt="MANAGE" />
+    </div>
+    <div id="login-content">
+        <form onsubmit="return false;">
+            <div id="message_id" class="notification information png_bg" style="display: none;">
+                <a href="#" class="close">
+                    <img src="http://cdn.enjoyingshop.com/config_center/images/icons/cross_grey_small.png" title="关闭" alt="关闭"/>
+                </a>
+                <div id="message_id_content"> 提示信息！ </div>
+            </div>
+            <p>
+                <label>用户名</label>
+                <input class="text-input" type="text" id="username" />
+            </p>
+            <div class="clear"></div>
+            <p>
+                <label>密码</label>
+                <input class="text-input" type="password" id="password" />
+            </p>
+            <div class="clear"></div>
+            <div class="clear"></div>
+            <p>
+                <input class="button" type="button" onclick="login();" value="Log In" />
+            </p>
+        </form>
+    </div>
+</div>
+</body>
+</html>
+</file>
+访问界面，查看源码如下：
+<file html login.html>
+<html>
+<head>
+    <title>登录页面</title>
+    <link rel="stylesheet" href="http://cdn.enjoyingshop.com/config_center/css/reset.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="http://cdn.enjoyingshop.com/config_center/css/style.css" type="text/css" media="screen"/>
+    <link rel="stylesheet" href="http://cdn.enjoyingshop.com/config_center/css/invalid.css" type="text/css" media="screen"/>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/jquery-min.js"></script>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/simpla.jquery.configuration.js"></script>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/base.js"></script>
+    <script type="text/javascript" src="http://cdn.enjoyingshop.com/config_center/scripts/login.js"></script>
+    <script language="javascript" type="text/javascript" >
+		var contextPath = "/config_center/";
+	</script>
+</head>
+<body id="login" onkeypress="keyPress(event)">
+<div id="login-wrapper" class="png_bg">
+    <div id="login-top">
+        <h1>登录页面</h1>
+        <img id="logo" src="http://cdn.enjoyingshop.com/config_center/images/logo.jpg" alt="MANAGE" />
+    </div>
+    <div id="login-content">
+        <form onsubmit="return false;">
+            <div id="message_id" class="notification information png_bg" style="display: none;">
+                <a href="#" class="close">
+                    <img src="http://cdn.enjoyingshop.com/config_center/images/icons/cross_grey_small.png" title="关闭" alt="关闭"/>
+                </a>
+                <div id="message_id_content"> 提示信息！ </div>
+            </div>
+            <p>
+                <label>用户名</label>
+                <input class="text-input" type="text" id="username" />
+            </p>
+            <div class="clear"></div>
+            <p>
+                <label>密码</label>
+                <input class="text-input" type="password" id="password" />
+            </p>
+            <div class="clear"></div>
+            <div class="clear"></div>
+            <p>
+                <input class="button" type="button" onclick="login();" value="Log In" />
+            </p>
+        </form>
+    </div>
+</div>
+</body>
+</html>
+</file>
+界面查看，访问正常！
+==== 流量监控 ====
+阿里云上还可以查看通过该CDN的流量监控
+{{:分享:技术:cdn:14.png?800|}}

wiki

用户工具

站点工具

差别

页面工具