ゼロ基礎はテンセント雲COS対象記憶を遊びます。静的ウェブサイトの委託管理と盗難防止チェーンの設定

私はフロントエンドのシングルページアプリケーション (Vue/Reactパッケージ化されたプロジェクトなど) 、個人的な静的ブログをホストしたいと友人からよく聞かれたあるいは、写真を保存したり、ビデオを保存したりする場所を探したいだけで、台湾のクラウドサーバを買ったり、Nginxをつけたりしなければならないのではないか

もちろん結構です。この需要は直接

オブジェクトストレージ (COS, Cloud Object Storage)

。サーバを維持する手間が省けるだけでなく

とんでもないくらい安い

(通常は月に数毛のストレージ代がかかります) アクセス速度は普通のサーバよりずっと速いです。

今日、私たちは腾讯雲COSを徹底的に開通して、静的なサイトを作って、管理して、防犯チェーンを配置して、全プロセスの乳母級通関します。

第一段階: COSを認識し、最初のバケットを作成します

「オブジェクトストレージ」という技術的な言葉に引っ張られてはいけない。それを簡単に一つと理解できます。

いつまでもいっぱいにならないです。

。あなたはパソコンで「フォルダファイル」を使ってデータを管理することに慣れています。COSでは、ファイルは「オブジェクト」、ルートフォルダは「バケット」と呼ばれています。

1.バケットの作成

腾讯クラウドコンソールにログインし、「オブジェクトストレージCOS」を検索します。

左側のメニューの「バケットリスト」をクリックし、「バケットを作成」をクリックします。

重要なパラメータ設定 (財布とセキュリティを決定する): 名前: mybucketなどの名前を付けます (システムは自動的に後ろに数字を追加します)。所属地域: 極めて重要! もしあなたのサイトの参加者が主に国内であれば、「広州」や「北京」などの核心ノードを優先的に選ぶ。腾讯クラウドサーバ (CVM) と協力して使用する場合は、サーバと全く同じ地域を選択して、イントラネットでの転送は無料です。アクセス権: プライベートバックアップを保存するだけの場合は、「プライベート」を選択します。私たちは静的なwebサイト管理と外部リンクベッドを作るために、ここで「パブリック読み取りプライベート書き込み」を選択しなければならない。これは、世界中の人があなたのファイルを読む (ダウンロード/见る) ことができることを意味しますが、アカウントキーを把握しているあなただけがアップロードして修正することができます。

バージョン管理、暗号化などのその他のオプションはデフォルトのままで、作成が完了するまで「次へ」をクリックします。

第二段階: 静的ウェブサイトホスティングを開く (バケットをウェブサイトにする)

バケツができたので、今すぐアクセスできるサイトにします。

1.Webページのファイルをアップロードします

作成したばかりのバケットにアクセスし、「ファイルリスト」をクリックして、静的なwebファイル (1つを含める必要があります) をクリックします

Index.html

トップページファイル) 直接ドラッグしてアップロードします。

ルートディレクトリ

。

2.管理スイッチをオンにする

現在のバケットの左側のメニューで、「基本構成」-> 「静的webサイト」を見つけてクリックします。

「編集」をクリックして、ステータスを「開通」に切り替えます。

インデックスドキュメントの設定: 「インデックスドキュメント」欄にindex.htmlを入力します。もしあなたが

のwebサイトにはカスタム404エラーページがあり、「エラー文書」に404.htmlを入力できます。

保存をクリックします。

3.テストアクセス

保存すると、システムは自動的に「アクセスドメイン名」を生成します (通常は https://mybucket-xxx.cos-website.ap-guangzhou.myqcloud.com のように)。

このリンクをコピーしてブラウザで開くと、静的なwebページに完全にアクセスできることがわかります

高度な注意: この持参したドメイン名は長すぎて醜いので、下の「カスタムドメイン名」に自分で購入して登録したドメイン名を結び付けて、ワンクリックでHTTPS証明書を開くことができますすぐにサイトを正規にします。

第三段階: 盗難防止チェーンの設定 (財布を守る)

COSの課金は主に次の2つの部分で構成されています

ストレージ

そして

下り流量

。貯蓄費は安いですが、もしあなたのサイトが火事になったり、中に入っている写真やビデオが他人に盗まれて直接彼らのサイトにぶら下がったりすると他の人がページを更新するたびに、ボタンはあなたの腾讯雲口座の真金白銀です。

他人の「流量を盗む」ことで破産を防ぐために、私たちは配置しなければならない

盗難防止リンク（ホットリンク保護）

。

1.盗難防止チェーンの動作原理

他の人がwebページにアクセスすると、ブラウザはwebページの画像やJSファイルを要求すると、自動的に呼び出しを持ってきます

Referer

の請求先は、「私はどのサイトから来たのか」とサーバーに伝えた。

盗難防止チェーンはこれを検査することです

Referer

。あなたの自宅のサイトから来た請求ではないことを発見したら、直接拒否します。

2.テンセント雲COS配置手順

バケツの左側のメニューで、「セキュリティ管理」-> 「盗難防止チェーン設定」をクリックします。

「編集」をクリックして、ステータスを「オン」にします。

盗難防止チェーンタイプ: 「ホワイトリスト」を選択します。

Refererルール: 自分のwebサイトドメイン名を入力します。たとえば、 *.Yourdomain _ (アスタリスクはすべての二次ドメイン名へのアクセスを許可することを意味します)。改行してローカルテスト用のドメイン名を入力します。例えば、localhostや127.0.0.1です。そうしないと、ローカル開発時に画像が表示されません。

空のRefererを含む: 「許可」を選択します。ユーザーがブラウザで直接画像のwebサイトを入力するか、携帯電話のマイクロレターで直接リンクを開く場合、要求はRefererなしです。他の人が直接見てほしいなら、許可を選びます。「拒否」を選択: 最も厳しい盗難防止メカニズム。他の人がブラウザに直接あなたの画像リンクを入力してもエラーになります (HTTP 403)。あなたのページでしか見ることができません。

「保存」をクリックすると、通常5分以内に世界で有効になります。

第四段階: 日常的にCOSをプレイする効率的なガジェット

Webページのファイルが多くなった後、毎回webサイトでアップロードするのが遅くなるだけでなく、カードが詰まってしまいやすい。ここでは、ローカルのハードドライブを管理するようにCOSを管理できる2種類の神器をお勧めします。

1.公式神器:COSBrowser

テンセント雲公式サイトに行ってダウンロードします。

COSBrowser

クライアント (Windows/Mac対応)。

ログイン時にはSecretIdとSecretKeyが必要です (腾讯クラウドコンソールの右上隅にある「アクセス管理 -> アクセスキー」で作成)。

ログインすると、webディスクのようなインターフェイスが表示され、フォルダの一括アップロード、ダウンロード、同期をサポートし、非常に高速です。

2.図ベッドの最高のパートナー: PicGo

普段Markdownノートやブログを書いている場合は、ダウンロードできます

PicGo

ソフトウェア、テンセント雲COSプラグインを配置します。

その後、パソコンでスクリーンショットを撮ったり、ショートカットキーをクリックしたりするだけで、画像は自動的にCOSにアップロードされ、クリップボードに自動的に生成されます

！[Image] (https://...)

のMarkdownコードは、クリエイターの福音です。

まとめ

腾讯雲COSを利用して静的なサイトとストレージをプレイすると、核心は三歩になる

バケツを作る (公開読み)-> 書類を渡して管理する-> ホワイトリストの盗難防止チェーンを開く

。この3つのステップを完了すると、高可用性、スピード、無料に近いクラウドサイトのスペースがあります。あなたのアクセスキーを保護すれば、突然の大流量に遭遇しても、盗難防止チェーンは財布の防御線を守ることができる。