LOADING STUFF...

使用 Cloudflare Pages 进行反向代理

Linux7个月前更新 kuoyu
499 0

使用 Cloudflare Pages 进行反向代理,加速域名

一、使用条件

需要有 Github 及 Clondfiare 的账号。

二、在 Github 上建立仓库并添加代码

1、登录 Github 后,如下图所示,建立一个名为 Cloudflare Pages 的私库。

1-Github建立私库.Webp
使用 Cloudflare Pages 进行反向代理 1

2、点击 creating a new file 按钮,创建文件。

2-创建_Worker.js文件.Webp
使用 Cloudflare Pages 进行反向代理 2

3、创建一个名为 _worker.js 的文件,然后保存。

3-_Worker.js文件内容.Webp
使用 Cloudflare Pages 进行反向代理 3

用你需要反代的域名(平台分配被墙的域名)替换第5行中的 www.hicairo.com 。
注意:域名中不要加https,http等字符。

JavaScript

export default {
  async fetch(request, env) {
    let url = new URL(request.url);
    if (url.pathname.startsWith('/')) {
      url.hostname = 'www.hicairo.com'
      let new_request = new Request(url, request);
      return fetch(new_request);
    }
    return env.ASSETS.fetch(request);
  },
};

三、在 Cloudflare 中设置 Cloudflare Pages 

1、登录 Cloudflare ,点击左侧菜单中的 Pages 按钮后,然后点击页面右侧的 Create a project 按钮。

4-Cloudflare Pages.webp
使用 Cloudflare Pages 进行反向代理 4

2、点击页面右侧的 Connect to Git 按钮。

5-Connect To Git.webp
使用 Cloudflare Pages 进行反向代理 5

3、选择 GitHub 后点击 Connect to GitHub 按钮。

6-Connect Github.webp
使用 Cloudflare Pages 进行反向代理 6

4、页面跳转至 Github ,点击 Install & Authorize 按钮。

7-Install & Authorize.webp
使用 Cloudflare Pages 进行反向代理 7

5、页面跳转回 Cloudflare ,选择你刚才创建名为 Cloudflare Pages 的仓库,然后点击 Begin setup 按钮继续。

8-选择仓库.Webp
使用 Cloudflare Pages 进行反向代理 8

6、Project name 可以使用默认,也可以随便填写,然后点击页面底部的 Save and Deploy 按钮。

9-Save And Deploy.webp
使用 Cloudflare Pages 进行反向代理 9

7、等待部署完成后,页面中会出现如图示内容,其中显示的域名就是 Cloudflare Pages 平台为你分配的域名,*.pages.dev 域名目前还没有被污染,通过该域名可以正常打开您的站点。

10-部署完成.Webp
使用 Cloudflare Pages 进行反向代理 10

四、添加自定义域名

由于 pages.dev 域名在某些地区已被污染,添加自定义域名是必要的。前提是你已拥有一枚域名,并托管在 Cloudflare 。

1、点击页面左侧菜单中的 Pages ,然后在页面右侧点击刚才创建好的项目名称。

1-Cloudflare-Pages-Custom-Domains.webp
使用 Cloudflare Pages 进行反向代理 11

2、点击 Custom domains ,然后点击 Set up a custom domain 按钮,添加自定义域名。

2-Set-Up-A-Custom-Domain.webp
使用 Cloudflare Pages 进行反向代理 12

3、填入域名然后点 Continue 按钮。例如:我在 Cloudflare 上托管了的域名为  ifeng.ml,我添加的自定义二级域名 example.ifeng.ml 。

3-Add-A-Custom-Domain.webp
使用 Cloudflare Pages 进行反向代理 13

4、点击 Activate domain 按钮。

4-Activate-Domain.webp
使用 Cloudflare Pages 进行反向代理 14

5、等待 Initializing 完成,域名 Verifying 完成后,会出现 Active 字样。这时说明自定义域名已经设置成功了,你可以使用自定义域名访问你的站点。这一步正常情况下需要 1-2 分钟时间。

5-Active.webp
使用 Cloudflare Pages 进行反向代理 15
© 版权声明

相关文章

暂无评论

暂无评论...