WooCommerce: как добавить авторизацию через социальные сети без плагинов

Диагностика задачи: зачем нужна соцавторизация в WooCommerce

Многие интернет-магазины на WooCommerce хотят упростить процесс регистрации и входа для пользователей, позволяя войти через популярные социальные сети (ВКонтакте, Google, Facebook). Это повышает конверсию и снижает число брошенных корзин из-за сложной авторизации. В то же время, использование громоздких плагинов часто приводит к конфликтам и замедлению сайта.

Как реализовать авторизацию через соцсети без плагинов

Реализация через OAuth 2.0 с помощью кода — оптимальный вариант для контроля и минимизации нагрузки. Ниже пример на базе Google и ВКонтакте. Для этого понадобится зарегистрировать приложения в соответствующих соцсетях и получить ключи API.

1. Регистрация приложений и получение ключей

• Google: Google API Console. Создайте OAuth 2.0 Client ID, укажите URI редиректа.
• ВКонтакте: VK Developers. Создайте standalone-приложение, получите ID и защищённый ключ.

2. Добавление кнопок входа в WooCommerce

Вставьте на страницу входа WooCommerce кнопки соцсетей с ссылками на авторизацию.

<?php
function wpex_add_social_login_buttons() {
    $google_auth_url = 'https://accounts.google.com/o/oauth2/v2/auth?client_id=YOUR_GOOGLE_CLIENT_ID&redirect_uri=' . urlencode(site_url('/social-auth/google')) . '&response_type=code&scope=email profile';
    $vk_auth_url = 'https://oauth.vk.com/authorize?client_id=YOUR_VK_CLIENT_ID&display=page&redirect_uri=' . urlencode(site_url('/social-auth/vk')) . '&scope=email&response_type=code&v=5.131';
    echo '<a href="' . esc_url($google_auth_url) . '" class="button google-login">Войти через Google</a>';
    echo '<a href="' . esc_url($vk_auth_url) . '" class="button vk-login">Войти через ВКонтакте</a>';
}
add_action('woocommerce_login_form', 'wpex_add_social_login_buttons');
?>

3. Обработка callback и создание пользователя

Создайте обработчики на стороне WordPress для URL /social-auth/google и /social-auth/vk, которые будут принимать code, запрашивать access_token и информацию о пользователе, а затем авторизовывать или создавать учетную запись.

add_action('init', function() {
    $request_uri = $_SERVER['REQUEST_URI'];
    if (strpos($request_uri, '/social-auth/google') !== false && isset($_GET['code'])) {
        $code = sanitize_text_field($_GET['code']);
        // Обменять code на access_token
        $response = wp_remote_post('https://oauth2.googleapis.com/token', [
            'body' => [
                'code' => $code,
                'client_id' => 'YOUR_GOOGLE_CLIENT_ID',
                'client_secret' => 'YOUR_GOOGLE_CLIENT_SECRET',
                'redirect_uri' => site_url('/social-auth/google'),
                'grant_type' => 'authorization_code'
            ]
        ]);
        if (is_wp_error($response)) {
            wp_die('Ошибка авторизации Google');
        }
        $data = json_decode(wp_remote_retrieve_body($response), true);
        if (empty($data['access_token'])) {
            wp_die('Ошибка получения токена');
        }
        $user_info_response = wp_remote_get('https://www.googleapis.com/oauth2/v2/userinfo?access_token=' . $data['access_token']);
        if (is_wp_error($user_info_response)) {
            wp_die('Ошибка получения данных пользователя');
        }
        $user_info = json_decode(wp_remote_retrieve_body($user_info_response), true);
        if (empty($user_info['email'])) {
            wp_die('Email не получен');
        }
        $user = get_user_by('email', $user_info['email']);
        if (!$user) {
            $random_password = wp_generate_password(12);
            $user_id = wp_create_user($user_info['email'], $random_password, $user_info['email']);
            if (is_wp_error($user_id)) {
                wp_die('Ошибка создания пользователя');
            }
            wp_update_user(['ID' => $user_id, 'display_name' => $user_info['name']]);
            $user = get_user_by('ID', $user_id);
        }
        wp_set_current_user($user->ID);
        wp_set_auth_cookie($user->ID);
        wp_redirect(home_url());
        exit;
    }
    // Аналогичная обработка для /social-auth/vk
});

Проверка результата после внедрения

• Перейдите на страницу входа WooCommerce: должны отображаться кнопки «Войти через Google» и «Войти через ВКонтакте».
• Нажмите на кнопку, пройдите авторизацию в соцсети, убедитесь, что происходит редирект обратно и пользователь авторизован в WordPress.
• Проверьте в админке WordPress, что для нового пользователя создана учетная запись с email из соцсети.

Частые ошибки и их исправление

• Ошибка «redirect_uri_mismatch» — проверьте, что URL редиректа в настройках приложения соцсети совпадает с тем, что вы передаете в запросе.
• Пользователь не создается — убедитесь, что email реально приходит из API соцсети и что нет конфликтов с существующими пользователями.
• Ошибка при запросе токена — проверьте правильность client_id, client_secret и корректность POST-запроса.
• Сессия не создается — убедитесь, что функции wp_set_auth_cookie и wp_set_current_user вызываются правильно и что нет конфликтов с другими плагинами авторизации.

Практические советы по безопасности и производительности

• Используйте HTTPS для всех редиректов и API-запросов.
• Храните client_secret вне публичного доступа, например, в wp-config.php или через системные переменные.
• Минимизируйте время обработки OAuth-запросов, кэшируя токены, если требуется многократный доступ.
• Регулярно обновляйте ключи и проверяйте настройки приложений в соцсетях.

Сравнение вариантов реализации авторизации