お手軽！OSSとCDNで静的コンテンツの高速配信（Alibaba Cloud）

3. 構築手順

ここからは実際にCDNとOSSを用いて静的コンテンツの公開を行っていきたいと思います。流れとしては、まずOSSでバケットを作成し、静的コンテンツの公開を行います。その後、CDNを利用してコンテンツ配信の高速化を行います。

3.1 OSSで静的コンテンツの公開

①OSSコンソールにアクセスし、左側メニューの「Buckets」を選択します。

②「Create Bucket」をクリックします。

③必要項目を入力し「OK」ボタンをクリックします。各設定項目の詳細は公式ドキュメントをご確認ください。

• Bucket Name：任意の名称

• Region：Japan(Tokyo)

• Storage Class：Standard

• Redundancy Type：ZRS

• ACL：Public Read

  • インターネット経由でOSSにアクセスするユーザに対して、コンテンツの閲覧を許可するためには「Public Read」を選択する必要があります。「Private」に設定した場合、ユーザはOSSに格納されたコンテンツをインターネット経由で閲覧することができなくなります。

④作成完了画面が表示されたら「Go to Bucket」をクリックします。

⑤「Upload Object」をクリックし、htmlファイル（コンテンツ）を選択後、「Upload Object」をクリックしてアップロードします。

⑥左側メニュー「Object」をクリックし、オブジェクト一覧からコンテンツがアップロードされていることを確認します。

⑦ファイル名をクリックすると「View Details」ウインドウが開きます。記載されているURLからコンテンツにアクセスすることができます。これにてOSSでの静的コンテンツの公開手順は終了です。

3.2 CDNでコンテンツ配信の高速化

①CDNコンソールにアクセスし、左側メニューの「Domain Names」をクリックします。

②「Add Domain Name」をクリックします。

③必要項目を入力後、「Next」をクリックします。

• Region：Global (Excluding the Chinese Mainland)

  • 「Chinese Mainland Only」または「Global」を選択した場合、中国本土でコンテンツ公開する際に必要となるICP申請を行う必要があります。本記事では「Global (Excluding the Chinese Mainland)」を選択するためICP申請は不要です。

• Domain Name to Accelerate：高速化するドメイン名

  • CDNにドメインを新規追加する場合、ドメインの所有権の検証が必要となります

  • 表示された手順に従い、DNSの設定でTXTレコードを追加するか、検証用のファイルをルートディレクトリにアップロードします

• Business Type：Image and Small File

  • 今回使用するコンテンツは「Hello world.」と表示するのみのhtmlファイルであるため、「Image and Small File」を選択します。

• Origin Servers：「Add Origin Server」から追加

  • Origin Info：OSS Domain

  • Domain Name：4-1で作成したOSSのドメインを選択

  • Priority：Primary

  • Weight：10

  • Port：80

    • 本記事では、セキュリティを考慮しておらず、httpで通信を行うため80を入力します。本来であれば、セキュリティを考慮し、https（443）で通信するのが一般的です。

④画面の案内に従ってDNSにCNAMEレコードを追加します。

⑤再度、左側メニューの「Domain Names」をクリックします。対象ドメインの「CNAME Status」が「Configured」、「Status」が「Enabled」になっていれば設定は正常に完了しています。

⑥対象のドメインにアクセスし、コンテンツが表示されることを確認します。これにてCDNによる静的コンテンツの高速配信は完了です。

おわりに

本記事では、Alibaba CloudのCDNとOSSを使用して静的コンテンツの高速配信を行う際の手順について紹介しました。

静的コンテンツの高速配信を行うことで、ユーザーエクスペリエンスの向上が見込まれますので、皆様もぜひ、CDNを利用したコンテンツ配信の高速化をお試しいただければと思います。

関連サービス