Cloudflareに入門してみた

Cloudflareとは

「Help us build a better Internet」という理念のもと、世界のネットワークをよりよくするためにグローバルに展開するクラウド企業です。
全世界の20%の通信を管理しているという点から見ても、今後かなり拡大が期待される会社ですね。

触ってみる

今回触る範囲はServerkess Meetup Japan Virtual #26でエヴァンジェリストの亀田さんがデモで見せてくれていた範囲です。
気になる方は、Youtubeで公開されているのでぜひご覧ください。

触るサービスに関して

ドメイン以外の部分で利用するサービスについて簡単にまとめてみます。

Workers

Cloudflareがグローバルに展開するエッジ環境でJavaScript等を実行する事ができるサーバレスコンピューティングサービス。
AWSでいうAWS Lambda@Edgeのようなものですが、コールドスタートが一切ないので、高速に利用することができる。
公式ドキュメントはこちら。

KV

サーバレスKey-Valueストアで275以上のグローバル拠点で利用可能なサービス。
AWSでいうDynamoDBだが、自動でグローバルに結果整合性を保った状態で展開される。
公式ドキュメントはこちら。

アカウント作成

基本的に料金は無料で利用できるので、クレジットカード登録がいらないのがまずびっくりです。
まずは、Cloudflareのサイトにアクセスすると、右上にサインアップの表示があるのでクリックします。

必要情報を入力します。といってもメールアドレスとパスワードのみです！

すると、ログイン完了です。

ドメイン取得（有料）

この部分は有料になりますので、ご注意ください。
もしご自身で持っている物があれば、移管してください。

左ペインから「ドメインの登録」から希望のドメインを入力します。すると、候補が表示されるので、希望のドメインを選択します。

必要情報を入力して「登録社情報を入力する」をクリックすると、購入方法の選択が出てくるので入力して購入します。

しばらくすると、左ペインのドメインの管理から、ドメインを取得出来ていることが分かります。

Workersでサービスを立ち上げる

ドメインを取得出来たら、実際にサービスを立ち上げてみましょう。
とりあえずWorkersでHello Worldしてみます。

デプロイはとても簡単です。
左ペインのWorkersから「サービスを作成」をクリックします。

サービス名を任意に入力して、HTTPハンドラで簡単なFetchが出来るようにします。
サービスの作成をクリックするだけで、デプロイされます。

確認すると、、、出来てます。簡単すぎますね。。

プレビューのドメインをクリックすると、実際にHello Worldが表示されることが確認できます。

次に、自分のドメインでのアクセスを可能にするために、CNAMEを設定します。
左ペインのWebサイトを選択し、作成したドメインを選択します。

左ペインのDNSから、先ほどのnnydtmg.workers.devドメインへCNAMEを登録します。

登録出来ました！！！

が、実はこれだけではアクセス出来ません。
Workerのページでルート設定が必要です。
サービスのページから、ルートを選択します。少しわかりにくいですね、、

ルート追加を選択し、ゾーンに対してルートを設定します。

追加出来ました。

では、自分のドメインでアクセスできるか確認してみましょう！

出来ました！
これだけで自分のドメインを使って簡単なWEBページを構築できるのは、他のクラウドサービスと比べてもかなり楽だなと思います。
しかも、リージョンレスでグローバルにデプロイされるので、なかなかのインパクトを感じます。

最後に

今日の入門ハンズオンを超えて具体的な物を作りたい！という方は、亀田さんがzennで記事を出していただいているのでそちらも実践してみてください。

https://zenn.dev/kameoncloud/articles/7236a2c6ad35c0

KVを使った簡単なTodoアプリが作れます。

今回KVに触ると言いつつ触れていないので、次回の記事で亀田さんのハンズオンにチャレンジしてみたいと思います！