メインコンテンツへ移動

WP Media Folder アドオン:Google Cloud Storageとの統合

1. Googleドライブアプリを作成する


WP Media Folder とGoogle Cloudの連携機能はアドオンに含まれています。WP WP Media Folderに加えて、このアドオン(プラグイン)をインストールする必要があります。このアドオンには、Google Drive、Google Photo、Dropbox、 OneDrive Personal、 OneDrive Business、Amazon S3、DigitalOcean、Linode、Wasabiとの連携機能も含まれています。.

ください Google Cloud Console か、Googleアカウントをお持ちでない場合はサインアップして IAMと管理 > プロジェクトの作成

 

プロジェクト1の作成

 

次にプロジェクト名を設定します。任意の名前を指定できますが、スペースやアクセントは含めないでください。プロジェクトの作成が完了するまで数秒お待ちください。.

 

プロジェクト名

 

Google Cloud Storage を初めて使用する場合は、 [API とサービス] > [ライブラリ][Cloud Storage] [Google Cloud Storage JSON API] を有効にしてください。

 

クラウドストレージAPI

 

左側のメニューから 「APIとサービス」>「認証情報」をクリックします。

 

メニューAPIサービス

 

メインパネルで 「+ 新しい認証情報」>> OAuth クライアント ID。求められた場合は、OAuth 同意画面に名前を追加します。

 

oAuth-Googleドライブ

 

さて、最も重要なステップです。

  • 「Webアプリケーション」を選択し 、任意の名前を追加してください。
  • 承認された JavaScript オリジン: https://your-domain.com (末尾のスラッシュなしでドメイン名に置き換えてください)
  • 承認済みリダイレクトURI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth 
    (/options-folder/task=wpmf&function=wpmf_google_cloud_auth (your-domain.com/wp-admin/options-general.php/options-folder/task=wpmf&function=wpmf_google_cloud_auth) (your-domain.com/wp-admin/options-general.php/options-folder/task=wpmf&function=wpmf_google_cloud_auth をyour-domain.com/wp

 

アプリの認証情報

 

注: 「OAuth クライアント ID を作成するには、まず同意画面で製品名を設定する必要があります」という警告が表示された場合は、[ 同意画面の設定] に移動して [API とサービス] >> [OAuth 同意画面]にドメイン名を追加してください [承認済みドメイン]

まず、 ユーザータイプを選択する必要があります。

 

OAuthユーザータイプ

 

  • 社内向け: アプリは組織内の Google Workspace ユーザーに限定されます。検証のためにアプリを提出する必要はありません。
  • 外部: アプリはGoogleアカウントを持つすべてのユーザーが利用できるようになります。アプリの公開準備が整ったら、アプリの確認が必要になる場合があります。 

次に、承認済みのドメインを入力し、以下の手順に従ってアプリの登録を完了してください。これで前の手順に戻ることができます。 「Webアプリケーション」を選択して 認証情報を作成してください。

 

同意画面

 

すると… 出来上がり! WP Media Folderの設定に追加する ID とシークレットを取得できました。.

 

OAuthクライアント

 

バケットを作成する

Google Cloud を使用するには、新しいバケットを作成する必要があります。バケットエリア( Cloud Storage Bucketsをクリックして 「作成」

 

Google Cloud バケットの作成

 

次に、以下のオプションを入力する必要があります。

  • 入力バケット名
  • データの保存場所を選択する
  • データのストレージクラスを選択する
  • データのデフォルトのストレージクラスを選択する
  • オブジェクトへのアクセスを制御する方法を選択します(パブリックアクセス防止: オフ、 アクセス制御: きめ細かな制御)
  • オブジェクトデータの保護方法を選択する

 

バケット作成ステップ

 

その後、 「作成」 ボタンをクリックします。読み込み後数秒で、バケットの詳細情報が表示されます。

 

バケットの詳細

 

で新しいバケットを作成することもできます WP Media Folder 。メニュー [設定] > WP Media Folder > [クラウド] > [メディアのオフロード] > [Google Cloud Storage]をクリックして [バケット設定] ボタンをクリックします。ポップアップの下部にバケット名を入力し、 [作成] ボタンをクリックします。

 

バケット作成-wp

 

2. WP Media FolderからGoogle Cloud Storageにログインする

WordPressダッシュボードに戻り、メニューの 「設定」> WP Media Folder >「クラウドとメディアのオフロード」をクリックします。 次に、 変更」 の Google Cloud Storage セクション

次に、次の内容をフォーム フィールドに貼り付けます。

  • アクセスキーID
  • 秘密アクセスキー
  • プロジェクトID

 

認証情報を入力-Google Cloud

 

その後、設定を保存すると接続が成功します。次のステップに進み、Google Cloud Storage の機能をご確認ください。.

 

3. どのように機能しますか?Google Cloud で何ができますか?

使い方

WP Media Folder Google Cloud Storage に接続したら、すべてのデータが保存されるバケットを選択するか、新しいバケットを作成してください。.

 

バケット作成-wp-google-cloud

 

を有効にすると 「Google Cloud Storage にコピー」 、アップロードされたすべての新しいメディアが Google Cloud に送信されます。

 

Google Cloud へのコピー

 

Google Cloud Storage 統合を使用する前にアップロードしたメディアを同期したい場合は、「 Google Cloud Storage と同期」 ボタンをクリックしてください。すると、既存のメディアライブラリがすべて Google Cloud バケットに送信されます。

注: この操作を行うと、メディアの URL が Google Cloud Storage の URL に置き換えられます。以下の例をご覧ください。https:
//joomunited.com/wp-content/uploads/2019/02/image.jpg から >> https://storage.googleapis.com/{bucket}/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

サイトのメディアをオフロードするには、「 アップロード後に削除」 オプションを有効にする必要があります。これにより、メディア ライブラリはサーバーではなく Google Cloud に完全に保存されます。

 

オフロードメディアGoogle Cloud

 

を有効にすると 添付ファイルラベル にマウスを置いたときに各メディアの情報が表示されます Google Cloud 右上の

 

Google Cloud ラベル

 

メディアの保存場所を変更したり、プラグインを削除したりする場合は、 「Google Cloud Storage メディアを取得」 ボタンをクリックしてください。すべてのメディアがGoogle Cloud Storageからメディアライブラリにコピーされます。コンテンツに追加した以前のリンクはすべてそのまま残ります(リンク切れはありません)。

 

Google Cloud の取得

 

注: ファイルがプラグイン経由でアップロードされている場合にのみ、Google Cloud Storage からメディア ライブラリに同期できます。.

CDN を接続するにはどうすればいいですか?

Google Cloud CDNはプラグインに統合されています。カスタムドメイン(CNAME)を作成するには、まず Compute Engine API と Certificate Manager API 

 

コンピューティング エンジン証明書マネージャー API

 

その後、 「ロードバランシング」 の 「ネットワークサービス」 か、こちらの リンクをクリックし 「ロードバランサーの作成」 「構成の開始」 をクリックします 「続行」 ボタン

 

ロードバランサーの作成

 

フロントエンド設定名前 フィールドにテキストを入力します(小文字、スペースなし)。 HTTPS(HTTP/2を含む)プロトコル 。次に、 IPアドレスフィールドをクリックし、IPアドレスを作成します

 

フロントエンド設定

 

次に、「証明書」フィールドをクリックし 、「新しい証明書を作成」を選択します。ポップアップウィンドウ 「証明書の作成」にテキストを入力し 「名前」 「Google 管理証明書を作成」作成」モードにドメインを入力します 「ドメイン」 (例:「cdn.joomunited.com」)。最後に、 「完了」 ボタンをクリックします。

 

新しい証明書を作成する

 

に移動し バックエンド設定 セクション 「バックエンドサービスとバックエンドバケット」>「バックエンドバケットの作成」を。ポップアップが表示されたら、 「バックエンドバケット名」 でバケットを選択します 「クラウドストレージバケット」 をクリックします 「作成」 ボタン

 

バックエンドバケットの作成

 

最後に、 「作成」 ボタンをクリックします。

 

ロードバランサー最終作成

 

次に、 [セキュリティ] > [証明書マネージャー] > [クラシック証明書] タブに移動し、 [ドメイン] に貼り付けます [カスタムドメイン (CNAME)] 。たとえば、この例では 「cdn.hoadongho247.com」と


 

cdn-google-cloud-url

 

の変更を確認できます ファイル URL 各画像の

 

ファイル URL - CDN - Google Cloud

 

詳細設定とアクション

バケットを選択して、Google Cloud Storage サーバーからメディアライブラリにフォルダとファイルをインポートできます。または、あるバケットから別のバケットにすべてのファイルをコピーすることもできます。.

 

コピーバケット-Google Cloud