5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

#背景
Alibaba Cloudは中国で生まれたサービスです。中国本土から海外に接続するインターネット回線帯域が少ないために中国に向けて中国以外の国からWebサイトをアクセスさせるためにはAlibaba Cloudの中国リージョンのサーバを使ったり、CDN、Express Connect(専用線型のVPC間接続)、CEN(Cloud Enterprise Network)などのネットワークサービスを活用することが可能です。ただし、自分のような中国人でもなく中国の企業も持っていないものではできない部分もあるのでそのような注意点も踏まえてCDNの活用方法を調べてみました。
##利用したサービス
-OSS: 簡易なWebサイトを作るため
-CDN: Webサイトのコンテンツ配信ネットワーク
-DNS: 今回はAlibaba Cloud DNSではなくお名前.comで
#手順
簡易なWebサイトをたててそれをCDNに繋げることにしました。
1.CDNの仕組みと料金をチェック!
2.OSSによる静的Webサイト公開
3.CDNへのドメイン設定
4.設定後のモニタリング
5.その他機能のお試し
##CDNの仕組みと料金をチェック!
まずはCDNはどんなものかコンソール画面に入って確認します。よくある質問に価格の概要から設定方法まで必要な情報がリンクされていました。わかりやすいですね。
スクリーンショット 2018-12-11 22.16.05.png

料金は2種類あります。配信する帯域に応じた課金と配信したGByte単位で課金する従量制です。予算に限りがあるとか従量制が怖い時は帯域課金もいいですね。でも使わなくてもお金発生するので、今回は従量制で!
スクリーンショット 2018-12-11 22.17.35.png

従量制の料金はこんな感じです。中国本土向けで4.6円/GBですね。日本向けというのはアジア太平洋1-AP1に含まれているようです。13.8円/GBですね。ちなみにECSのサーバから発生するアウトバンドのトラフィック課金料金が12.3円/GB(日本)なのでエリアによってCDNの方が安い、高いがありますね。
スクリーンショット 2018-12-11 23.50.17.png
その他の機能も少しみてみましょう。LIVEでライブビデオもCDNできるのですね。DCDNは次回以降にさせてください。
スクリーンショット 2018-12-11 22.16.21.png
仕様確認はそんなところで、設定をやって行く中でも気になった部分書いていきます。

##OSSによる静的Webサイト公開
Alibaba Cloud OSSではHTMLファイルと画像ファイルを組み合わせて簡単にWebサイトを公開することができます。
###Webサイト用のバケットを作成してみます。
OSSのメニューから"+"ボタンをクリックするとバケット作成できます。
スクリーンショット 2018-12-13 23.48.09.png

バケット名とリージョンを選びます。今回少し遊びで香港リージョンに作成してみました。香港のサーバができるということですね。中国本土から香港へのアクセスは比較的インターネット回線が潤沢と聞いています。中国国内にサーバ立てたれない場合は香港リージョンを活用することも手です。WebにするならばACLは「公開読み取り」としておく必要あります。
スクリーンショット 2018-12-13 23.49.36.png

バケットができたら、バケットの基本設定にある静的ページの設定を行います。ホームページのhtmlファイル名とエラー時のページを登録します。デフォルトのページはindex.html相当のファイルですね。
スクリーンショット 2018-12-13 23.50.27.png

###Webの公開
このあと、バケットにホームページのhtmlファイルと必要画像をアップしておきます。OSSのファイルメニューからアップロードをクリックします。
スクリーンショット 2018-12-14 0.01.37.png

ファイルをPCからドラック&ドロップでアップできます。
スクリーンショット 2018-12-14 0.01.59.png

ファイルをアップすればもうOSSのエンドポイントとバケット名を組み合わせたURLにアクセスするともうWebが公開されています。
今回はこんなURLになってます。
http://alieaters-test-hk.oss-cn-hongkong.aliyuncs.com/
スクリーンショット 2018-12-14 0.12.26.png

##DNSの設定
CDNの設定でわかるのですが、OSSのURLを直接CDNの設定にしようとするとエラーになります。OSSドメインはもう登録すみと言われます。OSSそのものはCDNをすでに経由しているのかもです。
そこで、なにかドメインを用意します。今回自分の運用している下川井テニスクラブのサブドメインを使わせていただきます。お名前.comのDNSでサブドメインを作っておきます。
alieaterstest.shimokawai.jp
Alibaba CloudのDNSを使う場合はこちらのドキュメントセンター資料をみてください。
https://jp.alibabacloud.com/help/doc-detail/58153.htm
##いよいよCDNの設定
ここまで準備したものを使っていよいよCDNの設定を行います。こんな1枚画面で設定が行えます。ドメイン名は、先ほどDNSで準備したWebサイトのドメイン名ですね。ビジネスタイプというものが配信コンテンツの種類になります。ビデオやライブ配信も行えます。
スクリーンショット 2018-12-12 0.06.36.png

オリジンサイトの設定部分が、今回用意したOSSによるWebサイトとなります。OSSドメイン名を選択して、バケット名とエンドポイントを組み合わせたURLが表示されますので選択します。また、IPアドレスやオリジンサイトを選ぶことで普通のWebサイトも登録可能ですね。

ここで、なぜwww.shimokawai.jpというオリジンサイトを登録しなかったか解説しておきます。ポート番号が80と443を選べますが、SSLを利用する時は443ですね。でもこの443を選ぶということは、CDN側にもSSL証明書が必要になるということです。すでに持っているSSL証明書があれば、それをCDNにも登録することができます。www.shimokawai.jpのサイトはホスティング会社の関係でSSL証明書を私自身でもっていないため残念ながらSSL無しのサイトをOSSで用意したわけです。

スクリーンショット 2018-12-12 0.22.59.png

ちなみにオリジンサイトを選ぶとこんな感じに複数のオリジンサイトが登録可能になります。
スクリーンショット 2018-12-11 22.58.08.png

ここで中国本土向けに配信するように設定してみます。アクセラレーションリージョンを中国本土とします。配信エリアで中国本土、グローバル、アジア地域と区別できます。グローバルには中国本土は含まれません。
スクリーンショット 2018-12-11 23.06.52.png

中国本土を選んで「次へ」とすると。。。やっぱり!こんな画面が出ます。
スクリーンショット 2018-12-11 23.07.09.png

ICPライセンスとは中国本土内でWebサーバを立てる場合に必要になるWebサイト毎に中国政府から付与される認証番号です。この番号をとるには、中国人であったり、中国の企業登録があったりしないとできません。また、非商用ICPライセンスと商用ICPライセンスなどWebサイトの容態により複数種類があります。残念ですが今回はICPライセンスをとることまでできないので、配信先を香港含むアジアにしておきます。ICPライセンスに関してはこちらのドキュメントセンター資料も参考にしてください。
ICP申請の手引き

これで設定は最終的に以下のようにしました。
スクリーンショット 2018-12-14 0.51.15.png

##設定後の動作確認
設定が終わるとこのような画面で状況が確認できます。ここでCNAMEを登録しなさいと警告がでています。
スクリーンショット 2018-12-12 0.09.03.png

スクリーンショット 2018-12-12 0.10.36.png

この状態ではWebサイト側とCDNが繋がってません。DNSにてCDNの作成したCNAMEにドメイン名を転送する必要があります。お名前.comの画面で参考にしてください。反映を早くするためTTLを360にしていますが、反映がされたあとは大きな数字に変更しておきましょう。
スクリーンショット 2018-12-12 0.12.09.png

これで設定完了!
スクリーンショット 2018-12-12 0.28.14.png

左側メニューにあるツールを利用すると動作状況もわかります。SSLの443を使って登録してしまったのでエラーが残ってしまいました。
スクリーンショット 2018-12-12 0.27.39.png

##CDNの動作モニタリング
CDNの左メニューに便利なモニタリング機能がありますのでそれを使って初期動作をみてみました。
データモニタリングのリアルタイムモニタリングをみてみます。時間を指定することで動作直後からの状況もみれました。
スクリーンショット 2018-12-12 0.33.05.png

スクリーンショット 2018-12-12 0.33.17.png

使用状況のメニューでは全体のトラフィックもみれます。
スクリーンショット 2018-12-12 0.34.01.png

OSS側のモニター画面でもどんなトラフィックがWebサーバから発生したかみてみました。
数回のアクセスがあったはずですが、保存容量とダウンロードのトラフィックがほぼ同じ!ということは、CDNで配信されているのでWebサーバからのトラフィックは1回のみだったことがわかりました。うまく効いてますね。
スクリーンショット 2018-12-12 0.45.48.png

##その他の機能
CDNではコンテンツの更新方法が課題になります。Alibaba Cloudでもリフレッシュ機能がありました。URL単位やファイル単位でCDNのキャッシュをリフレッシュできました。
スクリーンショット 2018-12-12 0.39.09.png

スクリーンショット 2018-12-12 0.39.25.png

#まとめ
-OSSでは静的Webページが簡単につくれます
-CDNの設定はシンプル。オリジンサーバをOSSにすることができます。
-モニタリング機能もグラフ化されていてすぐに使えます。

注意ポイント
-中国向けのCDNにはICPライセンスが必要でした。
-CDNにもSSL証明書必要なので注意しましょう。

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?