技术

使用 cloudflare 实现访问代理

昨天写了一篇文章，讲到可以使用 nvm 来部署 node。其中第一步安装的时候，要访问 github 的资源服务器。这一步的访问可能在国内非常不畅。这就需要有一个访问代理来协助。

之前听说函数计算可以实现一些简单的功能。就比如访问代理，只需要函数计算实现参数接收、代理请求、结果返回三步就够了。正好我也一直比较好奇函数计算，就此也尝试下。

原则上讲，国内的阿里云、腾讯云都可以实现函数计算服务，但是他们服务器在国内，无法实现访问 github。也就没有考虑。

我选择了 cloudflare workers。和函数计算一个意思。对于个人使用的偶尔使用，免费的量非常充裕。主要就是限制每天 10 万次请求，最多 30 个 workers。足够了。

新建 workers

访问 cloudflare workers 页面，注册登录。

cloudflare workers 提供本地编程的工具包，但是我的需求很简单，直接在线编辑测试就可以了。

cloudflare workers

选择页面上的 Start Building 开始。之后可以选择右侧的 Workers 栏目进入。

之后需要建立自己的子域，一般是 xxxx.workers.dev 形式。

比如建立一个叫做 my 的子域，那么完整的子域地址是 my.workers.dev。

创建每个 workers，系统会默认起名字，可以改的。比如我们要做一个文件代理，名字我们就叫做 proxy，那么这个 workers 的访问地址就是 proxy.my.workers.dev。

编写脚本

直接进入编辑模式，可以写入如下脚本，完成对 https://raw.githubusercontent.com 地址的代理：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
addEventListener('fetch', event => {
  // event 包含
  // actorState: 不知道是啥
  // request: 请求包
  // type: 类型，此处为 "fetch"
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  // 获取请求的 url
  const url = request.url
  // 构造 URL 对象，方便解析出 pathname
  const urlObj = new URL(url)
  const pathname = urlObj.pathname

  if (pathname === '/') {
    // 访问根节点，直接返回空内容
    return new Response('', { status: 200 })
  } else {
    // 抓取内容
    const html = await getHtml('https://raw.githubusercontent.com' + pathname)
    return new Response(html, { status: 200 })
  }
}

/**
 * 获取指定地址的 html
 */
async function getHtml(url) {
  const res = await fetch(url, { method: 'GET' })
  if (res.status === 200) {
    return await res.text()
  }
  return ''
}

写好脚本后，使用 Ctrl/Cmd + S 进行保存即可。

我们就可以浏览器测试了。

比如 nvm 的安装脚本地址是：

1
https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh

我们只需要更换为我们的域名即可(域名要换成你自己创建的)：

1
https://proxy.my.workers.dev/nvm-sh/nvm/v0.35.3/install.sh

–END–