Перенаправление URL-адресов — важный аспект современной веб-разработки, обеспечивающий плавную навигацию и удобство работы пользователей. В этой статье мы рассмотрим различные методы проверки перенаправления URL-адреса в TypeScript. Мы предоставим примеры кода для каждого метода, что позволит вам реализовать подход, который лучше всего соответствует вашим потребностям.

Метод 1: XMLHttpRequest
Объект XMLHttpRequest позволяет нам отправлять HTTP-запросы из браузера. Используя этот объект, мы можем отправить запрос на URL-адрес и проверить статус ответа. Если статус указывает на перенаправление, мы можем сделать вывод, что URL-адрес перенаправляется.

function checkRedirectUsingXMLHttpRequest(url: string): Promise<boolean> {
  return new Promise((resolve) => {
    const xhr = new XMLHttpRequest();
    xhr.onreadystatechange = () => {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        resolve(xhr.status >= 300 && xhr.status < 400);
      }
    };
    xhr.open("GET", url);
    xhr.send();
  });
}

Метод 2: Fetch API
Fetch API представляет собой современную альтернативу XMLHttpRequest, упрощая процесс выполнения асинхронных запросов. Мы можем использовать функцию выборки, чтобы отправить запрос на URL-адрес и проверить статус ответа.

function checkRedirectUsingFetchAPI(url: string): Promise<boolean> {
  return fetch(url, { method: "HEAD" })
    .then((response) => response.status >= 300 && response.status < 400);
}

Метод 3: HTTP-модуль Node.js
Если вы работаете с серверным TypeScript с помощью Node.js, вы можете использовать встроенный HTTP-модуль для проверки перенаправления URL-адресов. Этот метод особенно полезен при запуске внутреннего кода.

import http from "http";
function checkRedirectUsingNodeHTTP(url: string): Promise<boolean> {
  return new Promise((resolve) => {
    http.get(url, (response) => {
      resolve(response.statusCode >= 300 && response.statusCode < 400);
    });
  });
}

Метод 4: автоматизация безголового браузера
Для более сложных сценариев вы можете использовать инструмент автоматизации безголового браузера, например Puppeteer. Этот метод позволяет имитировать взаимодействие пользователя и перемещаться по URL-адресу, фиксируя любые возникающие перенаправления.

import puppeteer from "puppeteer";
async function checkRedirectUsingPuppeteer(url: string): Promise<boolean> {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  const response = await page.goto(url, { waitUntil: "networkidle0" });
  await browser.close();
  return response.status() >= 300 && response.status() < 400;
}

В этой статье мы рассмотрели несколько методов проверки перенаправления URL-адреса в TypeScript. Мы рассмотрели методы использования XMLHttpRequest, Fetch API, HTTP-модуля Node.js и автономную автоматизацию браузера с помощью Puppeteer. Используя эти методы, вы можете обеспечить удобство работы с пользователем и обрабатывать все необходимые перенаправления в ваших приложениях TypeScript.