Используйте Cloudflare Worker для реализации бессерверного запроса информации об IP-адресе клиента.
Используйте Cloudflare Worker для реализации бессерверного запроса информации об IP-адресе клиента.

введение

При создании веб-приложений получение IP-адреса клиента является общей необходимостью. Используя Cloudflare Worker, мы можем легко реализовать бессерверный способ запроса информации об IP-адресе клиента.

Cloudflare Worker — это служба периферийных вычислений, предоставляемая Cloudflare, которая позволяет разработчикам запускать код в глобальной сети Cloudflare, тем самым выполняя логику ближе к пользователям. В этой статье мы будем использовать Cloudflare Worker для реализации простого сервиса, который сможет получать информацию об IP-адресе клиента и возвращать ответ JSON, содержащий информацию об этом.

Анализ кода

1. Используйте Cloudflare предоставил request.cf Объект get содержит различную информацию о запросе клиента.

2. Удалите несколько ненужных полей, чтобы уменьшить размер возвращаемой информации.

3. Пройти request.headers Получите IP-адрес клиента и добавьте его в объект ответа.

4. Создайте ответ JSON и установите ответ. Content-Type для application/json

Язык кода:js
копировать
/**
 * @author rehiy
 * @url https://www.rehiy.com/post/572/
 */
export default {
    async fetch(request, env, ctx) {
        // получать Cloudflare увеличить информацию о клиенте
        const info = Object.assign({}, request.cf);
        // Удалите некоторые ненужные поля
        for (const k of Object.keys(info)) {
            if (/^(tls|client|edge|request|verified)/.test(k)) {
                delete info[k];
            }
        }
        // Добавить клиента IP
        info.clientIp = request.headers.get('CF-Connecting-IP') || request.headers.get('X-Forwarded-For');
        // Построить информацию ответа
        const resp = new Response(JSON.stringify(info));
        resp.headers.set('Content-Type', 'application/json');
        // Возврат содержимого ответа
        return resp;
    }
};

Развертывание и использование

1. Войдите в панель управления Cloudflare.

2. Войдите в раздел Рабочие.

3. Создайте нового Worker и вставьте приведенный выше код в редактор.

4. Нажмите «Сохранить и развернуть».

После завершения развертывания вы получите рабочий URL-адрес, например your-worker-name.your-account.workers.dev。Сейчас,Вы можете сделать это, отправив запрос на этот адресURLПриходитьполучатьклиентIPинформация。

Подвести итог

Используя Cloudflare Worker, мы легко реализовали бессерверную службу для запроса информации об IP-адресе клиента. Такой подход помогает нам лучше понимать и обрабатывать запросы пользователей при создании веб-приложений, одновременно используя глобальную сеть Cloudflare для обеспечения быстрого и надежного обслуживания.

Оригинальный текст из Технические фотографии Руохай,Пожалуйста, оставьте сообщение, если у вас есть какие-либо вопросы.

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода