Перейти к основному содержанию

WP Media Folder : интеграция с облачным хранилищем Google

1. Создайте приложение Google Drive


Интеграция Google Cloud с WP Media Folder включена в надстройку. Вам необходимо установить это дополнение (плагин) в дополнение к WP Media Folder . Дополнение включает интеграцию с Google Диском, Google Фото, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode и Wasabi.

Во-первых, вам нужно войти в Google Cloud Console или зарегистрироваться, если у вас нет учетной записи Google. Перейдите в Меню IAM & Admin > Создать проект .

 

Create-проект-1

 

Затем задайте имя проекта — вы можете указать любое имя, которое хотите, но без пробелов и диакритических знаков. Затем подождите несколько секунд для создания проекта.

 

название проекта

 

Если вы впервые используете Google Cloud Storage, перейдите в раздел API и сервисы > Библиотека и включите Cloud Storage и Google Cloud Storage JSON API.

 

облачное хранилище API

 

В меню слева нажмите «API и службы» > «Учетные данные».

 

Меню-апи-служба

 

На главной панели нажмите «+Новые учетные данные» >> Идентификатор клиента OAuth ; если потребуется, добавьте имя на экран согласия OAuth.

 

OAuth-Google-диск

 

Теперь самый важный шаг:

  • Выберите «Веб-приложение» и добавьте имя по вашему выбору.
  • Авторизованное происхождение 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
    (замените на имя вашего домена)

 

приложение-учетные

 

Примечание. Если появляется это предупреждение: «Чтобы создать идентификатор клиента OAuth, вы должны сначала указать имя продукта на экране согласия», вам следует нажать кнопку « Настроить экран согласия или перейти к API и службам >> Экран согласия OAuth , а затем добавить свой доменное имя в авторизованных доменах .

Во-первых, вам нужно выбрать тип пользователя.

 

OAuth-пользователь типа

 

  • Внутреннее: ваше приложение доступно только пользователям Google Workspace в вашей организации. Вам не нужно будет отправлять свое приложение на проверку
  • Внешний: ваше приложение будет доступно любому пользователю с учетной записью Google. Когда ваше приложение будет готово к публикации, вам может потребоваться подтвердить свое приложение.

Затем заполните авторизованные домены и выполните следующие шаги, чтобы завершить регистрацию приложения. Теперь вы можете вернуться к предыдущему шагу: выберите «Веб-приложение» , чтобы создать учетные данные.

 

Согласие-экран

 

Тогда… вуаля! У вас есть свой идентификатор и секрет, которые нужно добавить в конфигурацию WP Media Folder .

 

OAuth-клиент

 

Создать сегмент

Чтобы использовать Google Cloud, вы должны создать новую корзину. Перейдите в область корзины: Сегменты облачного хранилища . Затем нажмите «Создать .

 

создать ведро-гугл-облако

 

Далее вы должны заполнить следующие параметры:

  • Введите имя корзины
  • Выберите, где хранить ваши данные
  • Выберите класс хранения для ваших данных
  • Выберите класс хранения по умолчанию для ваших данных
  • Выберите, как контролировать доступ к объектам
  • Выберите способ защиты данных объекта

 

шаг создания ведра

 

После этого нажмите кнопку « Создать » и нажмите Подтвердить » во всплывающем окне.

 

ведро подтверждения

 

Затем вы можете увидеть подробную информацию о ведре:

 

ведро-детали

 

Или вы можете создать новое ведро в настройках WP Media Folder Перейдите в меню «Настройки»> WP Media Folder »> «Облако»> «Разгрузить медиа »> «Облачное хранилище Google », нажмите кнопку «Настройки корзины и выбор . В нижней части всплывающего окна введите имя корзины и нажмите Создать .

 

создать ведро-wp

 

2. Войдите в Google Cloud Storage из WP Media Folder .

Вернитесь на панель инструментов WordPress и щелкните меню « Настройки»> WP Media Folder »> «Облако»> «Разгрузить медиа»> вкладка «Облачное хранилище Google». Вставьте в поля формы следующее:

  • Идентификатор ключа доступа
  • Секретный ключ доступа
  • Идентификатор проекта

 

заполнить-учетные данные-google-cloud

 

После этого сохраните настройки и подключение должно пройти успешно. Перейдите к следующему шагу, чтобы узнать о функциях Google Cloud Storage.

 

3. Как это работает? Что я могу делать с Google Cloud?

Как это работает?

После того, как вы подключили WP Media Folder к облачному хранилищу Google, выберите корзину или создайте новую, в которой будут храниться все ваши данные.

 

создать-ведро-wp-google-cloud

 

И вы можете включить опцию «Копировать в Google Cloud Storage », все ваши новые загруженные медиафайлы будут отправлены в Google Cloud.

 

копировать в облако Google

 

А если вы хотите синхронизировать загруженные медиафайлы перед использованием интеграции с облачным хранилищем Google, нажмите кнопку «Синхронизировать с облачным хранилищем Google . Затем он отправит всю вашу существующую медиатеку в корзину Google Cloud.

Примечание. При выполнении этого действия URL-адрес вашего медиафайла будет заменен URL-адресом Google Cloud Storage.
См. пример ниже. От 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

 

При включении параметра Метка вложения информация о каждом носителе будет отображаться при наведении курсора на метку Google Cloud

 

облачная метка Google

 

Если вы хотите изменить местоположение своего медиафайла или удалить плагин, нажмите кнопку « Восстановить облачный носитель Google », после чего все ваши медиафайлы будут скопированы из облачного хранилища Google в вашу медиатеку. Все бывшие ссылки, добавленные в ваш контент, останутся на месте (без неработающих ссылок).

 

получить-google-облако

 

Примечание. Вы можете синхронизировать файлы из Google Cloud Storage в медиатеку только в том случае, если они загружены с помощью нашего плагина.

Как подключить CDN?

Google Cloud CDN интегрирован с нашим плагином. Чтобы создать собственный домен (CNAME), во-первых, вы должны включить API Compute Engine и API диспетчера сертификатов в разделе «Библиотека».

 

вычислительный двигатель-сертификат-менеджер-API

 

После этого перейдите в «Балансировка нагрузки» в «Сетевые службы» или перейдите по этой ссылке . Затем нажмите «Создать балансировщик нагрузки» и выберите «Начать настройку» . Затем нажмите «Продолжить» .

 

создать балансировщик нагрузки

 

В конфигурации внешнего интерфейса введите текст в «Имя» (строчными буквами, без пробелов). Выберите HTTPS (включая HTTP/2) в Протокол . Затем нажмите поле «IP-адрес» > «Создать IP-адрес» .

 

интерфейс-конфигурация

 

Затем нажмите поле «Сертификат» > «Создать новый сертификат» . Во всплывающем окне «Создать сертификат» введите текст в «Имя , выберите «Создать сертификат, управляемый Google» в режиме создания . Затем введите свой домен в «Домены» . например: "cdn.joomunited.com". В конце концов, нажмите «Готово» .

 

создать новый сертификат

 

Затем мы перейдем к «Конфигурация бэкэнда» , нажмите « Бэкенд-сервисы и бэкэнд-корзины» > «Создать бэкэнд-багет» . Затем во всплывающем окне заполните имени корзины Backend , выберите корзину в корзины Cloud Storage . Затем нажмите «Создать» .

 

создать бэкэнд-ведро

 

В конце концов, нажмите «Создать» .

 

создать-балансировщик нагрузки-финал

 

Затем перейдите на «Безопасность» > «Диспетчер сертификатов» > «Классические сертификаты» , скопируйте Домен » и вставьте его в «Пользовательский домен» (CNAME) в настройках Google Cloud Storage. Например, в этом случае: «cdn.hoadongho247.com» .


 

cdn-google-cloud-url

 

Наконец, вы можете увидеть изменения в «URL-адрес файла» для каждого изображения.

 

файл-url-cdn-google-cloud

 

Расширенные настройки и действия

Вы можете выбрать корзину для импорта папок и файлов с сервера Google Cloud Storage в свою медиатеку. Или скопируйте все файлы из одного ведра в другое.

 

копировать-ведра-гугл-облако