cloudflareを使用してgravatarの無料国内ミラーを生成する

Cloudflare には非常に便利な機能 ---Workers があり、サーバーレスの状態でいくつかのプログラムを実行できます。これには一般的なリバースプロキシなどが含まれます。

そこで、この機能を利用して Gravatar のリバースプロキシを実現し、国内でのアクセスを加速させることにしました。

それでは、手順を始めましょう。私のデプロイプロセスを共有します。

1. ログイン後、ホームページの左側にある Workers をクリックし、次に サービスを作成 をクリックします。

2. サービス名は自由に記入し、右下の作成をクリックします。

3. 右上のクイック編集をクリックします。

4. 左側のエディタに以下のコードを入力します。

コードを展開するにはクリック

// ミラーしたいサイトに置き換えてください
const upstream = 'gravatar.com'
 
// そのサイトに専用のモバイル対応サイトがある場合は、そうでなければ上記と同じにします
const upstream_mobile = 'gravatar.com'
 
// どの国のアクセスを禁止したいか
const blocked_region = []
 
// 自分のアクセスを禁止
const blocked_ip_address = []
 
// ミラーしたいサイトに置き換えてください
const replace_dict = {
    '$upstream': '$custom_domain',
    '//gravatar.com': ''
}
 
// 以下の内容は変更する必要はありません
addEventListener('fetch', event => {
    event.respondWith(fetchAndApply(event.request));
})
 
async function fetchAndApply(request) {
 
    const region = request.headers.get('cf-ipcountry').toUpperCase();
    const ip_address = request.headers.get('cf-connecting-ip');
    const user_agent = request.headers.get('user-agent');
 
    let response = null;
    let url = new URL(request.url);
    let url_host = url.host;
 
    if (url.protocol == 'http:') {
        url.protocol = 'https:'
        response = Response.redirect(url.href);
        return response;
    }
 
    if (await device_status(user_agent)) {
        upstream_domain = upstream
    } else {
        upstream_domain = upstream_mobile
    }
 
    url.host = upstream_domain;
 
    if (blocked_region.includes(region)) {
        response = new Response('アクセス拒否: WorkersProxyはあなたの地域ではまだ利用できません。', {
            status: 403
        });
    } else if(blocked_ip_address.includes(ip_address)){
        response = new Response('アクセス拒否: あなたのIPアドレスはWorkersProxyによってブロックされています。', {
            status: 403
        });
    } else{
        let method = request.method;
        let request_headers = request.headers;
        let new_request_headers = new Headers(request_headers);
 
        new_request_headers.set('Host', upstream_domain);
        new_request_headers.set('Referer', url.href);
 
        let original_response = await fetch(url.href, {
            method: method,
            headers: new_request_headers
        })
 
        let original_response_clone = original_response.clone();
        let original_text = null;
        let response_headers = original_response.headers;
        let new_response_headers = new Headers(response_headers);
        let status = original_response.status;
 
        new_response_headers.set('access-control-allow-origin', '*');
        new_response_headers.set('access-control-allow-credentials', true);
        new_response_headers.delete('content-security-policy');
        new_response_headers.delete('content-security-policy-report-only');
        new_response_headers.delete('clear-site-data');
 
        const content_type = new_response_headers.get('content-type');
        if (content_type.includes('text/html') && content_type.includes('UTF-8')) {
            original_text = await replace_response_text(original_response_clone, upstream_domain, url_host);
        } else {
            original_text = original_response_clone.body
        }
 
        response = new Response(original_text, {
            status,
            headers: new_response_headers
        })
    }
    return response;
}
 
async function replace_response_text(response, upstream_domain, host_name) {
    let text = await response.text()
 
    var i, j;
    for (i in replace_dict) {
        j = replace_dict[i]
        if (i == '$upstream') {
            i = upstream_domain
        } else if (i == '$custom_domain') {
            i = host_name
        }
 
        if (j == '$upstream') {
            j = upstream_domain
        } else if (j == '$custom_domain') {
            j = host_name
        }
 
        let re = new RegExp(i, 'g')
        text = text.replace(re, j);
    }
    return text;
}
 
async function device_status (user_agent_info) {
    var agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < agents.length; v++) { if (user_agent_info.indexOf(agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}

その後、保存してデプロイをクリックすれば、Gravatar のミラーを成功させることができます。

あとは同じように、どんなウェブサイトでもリバースプロキシを作成できます。私は https://zsh.im を使って、自分の国内ブログ https://zburu.com をリバースプロキシしました。

アクセスは大体問題なく、遅延は 100ms 前後です。

5. カスタムドメイン

トリガーの中にカスタムドメインのオプションがあり、Cloudflare にバインドされたドメインを入力します。事前にドメインをバインドしておけば、ここでサブドメインを直接入力でき、Cloudflare が自動的に解決します。すべてが自動化されています。

ホームページの左側の サイト でドメインをバインドします。

# 私の無料ミラーを共有します。
gravatar.zsh.im/avatar