Google Cloud CDN(内容分发网络)是Google提供的一项服务,用于加速静态资源的加载速度,以下是详细的使用步骤:
创建项目和存储分区
1、创建项目:
登录Google云平台。
创建一个新项目。
2、创建Cloud Storage存储分区:
在Google云平台中找到Storage服务,点击创建存储分区。
填写存储分区的配置,包括名称、数据存储位置和存储类别。
设置访问权限控制类别,建议选择精细控制。
配置高级设置,如文件的保留期限。
配置负载均衡器和CDN
1、创建负载均衡器:
找到网络服务,选择负载均衡,点击创建一个负载均衡器。
选择“从互联网到我的虚拟机”,然后点击继续。
给HTTP负载均衡器命名,选择后端配置为刚刚创建的存储分区,并勾选启动云端CDN。
配置主机和路径规则,即请求如何映射到后端服务。
前端配置公开访问的IP和端口,可以选择动态IP或静态IP,协议可以选择HTTP或HTTPS。
2、配置外部源站(自定义源站):
打开谷歌云平台,直接搜索CDN,单击“Add origin”。
选择“use a custom origin”并单击“Create a load balancer”。
输入负载均衡器的唯一名称,单击“backend configuration”并创建后端服务。
输入名称并选择后端类型为“Internet network endpoint group”,根据需要更改协议。
添加连接源服务器的默认端口和IP地址或完全限定名称。
跳转到后端服务配置屏幕,选择刚刚创建的Internet network endpoint group,然后单击“done”完成。
勾选“Enable Cloud CDN”并点击创建。
设置主机和路径规则,并启用所需的规则。
设置Frontend Configuration,选择用户用于连接网站的协议,如果支持域的HTTPS,则应上传SSL证书。
创建一个新的IP地址,查看配置并单击创建。
使用Google CDN加载jQuery
1、加载jQuery库:
在HTML文档的<head>
标签中添加以下代码:
```html
<script src="https://gapis.geekzu.org/ajax/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
```
这行代码会从Google CDN上加载最新版本的jQuery库文件,可以根据需求选择不同版本的jQuery,只需要将链接中的版本号替换为所需版本即可。
2、使用示例:
在页面加载完成后执行JavaScript代码:
```html
<!DOCTYPE html>
<html>
<head>
<script src="https://gapis.geekzu.org/ajax/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
// 在页面加载完成后执行的代码
alert("Hello, jQuery!");
});
</script>
</head>
<body>
<!-页面内容 -->
</body>
</html>
```
在这个例子中,$(document).ready()
函数在页面加载完成后触发,使用alert()
函数弹出一个对话框显示消息。
其他注意事项
1、Google PageSpeed Service:
Google还提供一项名为PageSpeed Service的免费CDN加速服务,可以自动优化网站的CSS、图片、JS和Html,提高网站加载速度。
要使用PageSpeed Service,需要提交申请并等待Google的答复,获得使用权后,可以添加最多50个域名进行加速。
2、绕过CDN查找真实源IP:
如果需要绕过CDN查找真实源IP,可以尝试子域名爆破、邮件服务查询等方法,但这些方法可能存在一定风险。
通过以上步骤,您可以详细且准确地使用Google Cloud CDN来加速静态资源的加载速度。
本文来源于互联网,如若侵权,请联系管理员删除,本文链接:https://www.9969.net/57870.html