CloudFlare Workers绑定自定义域名项目

一个用CloudFlare Workers搭建的博客

发表于 2019-6-15 14:49:27

> 当我们用CloudFlare Workers创建了一个应用时候，CloudFlare默认会给你一个 xxx.workers.dev 域名，对于没有域名的小伙伴来说是个福利。不过如果你已经有一个域名了，想要绑定自己的域名时该怎么办呢？我们一起来看下面。

第一步： 创建项目

开始之前，我们需要安装Wrangler

- 配置 Rust 运行：

```php
curl https://sh.rustup.rs -sSf | sh
```

- 安装 cargo：

```php
yum - y install cargo
#博主用的是Centos系统，其他系统类推即可。
```

然后安装 Wrangler：

```php
cargo install wrangler
```

安装完成之后要加入到环境变量，编辑``` /etc/profile ```，找到``` export PATH= ``` 这一行，在结尾的``` :$PATH ```前面增加以下内容:

```
:$HOME/.cargo/bin
```

然后看起来应该像是这样：

```
export PATH=/usr/local/php/bin:/usr/local/nginx/sbin:/usr/local/mariadb/bin:$HOME/.cargo/bin:$PATH
```

如果小伙伴们找不到```export PATH= ``` 这一行也没事，我们在```/etc/profile ```中自己添加上面那一行也可以。

保存退出后输入```source /etc/profile```即可。

接着我们创建一个项目，名字就叫 test-worker：（名字可自定义）

```
cd 
wrangler generate test-worker
cd test-worker
```

之后我们编辑```index.js```这个文件
```
输入程序代码。
#也可不编辑，之后去https://workers.cloudflare.com/再部署也可以。
```

修改完之后保存。

第二步： 发布项目：

你需要配置你的 Cloudflare 账户信息：
- 首先我们打开 Cloudflare 官网：https://www.cloudflare.com/

- 登录之后，我们在右上角的头像那里点一下，然后点击 My Profile，接着会进入个人资料页。

- 底部有一个 API Keys，点击 Global API Key 那一栏右边的 View 按钮查看你的 API Key，接着会要求你输入密码并进行人机验证。

- 确认后就会显示出你的 API Key，将其复制并保管好，它和你的密码一样重要。

接着我们回到Shell中输入：

```
wrangler config <你的账户邮箱> <你的 api key>
#仅输入邮箱和Key，不带字符。
```

然后我们修改 wrangler.toml，这个是项目的配置文件，里面记录了一些关于这个 Worker 的选项：

```
# 你的 Worker 名字
name = "test-worker"

# 你的 Cloudflare 账户 ID
# 在域名的 Overview 页面的右下角可以查看到 Account ID
account_id = "xxxxxxxxxxxxxxxxxxxxxxx"

# 你的 Cloudflare 域名 ID
# 同样是在域名的 Overview 页面右下角可以看到 Zone ID
zone_id = "xxxxxxxxxxxxxxxxxxxxxxxx"

# 你想要绑定的域名
# 记得结尾加个 /*
route = "www.example.com/*"

# 设置应用程序的类型，默认是 webpack，无需更改
type = "webpack"
```

然后将项目构建并发布到 CloudFlare：

```
wrangler build
wrangler publish --release
```

第三步： 设置解析：

最后一步，增加 DNS 解析，将你设置的域名前缀解析到你的 workers.dev 域名。

例如我绑定了 blog.qixiv.me，我的 workers.dev 域名是 xxx.workers.dev，那么就将 blog 前缀解析到 xxx.workers.dev，类型 CNAME，并打开 CDN 模式（点亮黄色的云）。如下图：
![](https://r.photo.store.qq.com/psb?/V11ZWwHn4UJDQ6/w8ZsTX782Yi1d9flDoMdnq0b2RvHYEcydZ.1eJC0Wi8!/r/dL4AAAAAAAAA)
完成，现在你可以访问你的域名查看效果了。

Dandelion

喜悦，是穿过重重荆棘后的一泓清泉！

友情链接

短链接