برنامه نویسی

از همه صفحات خود عکس بگیرید – انجمن DEV

ما صفحه فرود woovi.com خود را از گتسبی به Next.js منتقل کردیم. گتسبی در آن زمان ایده خوبی بود، اما Next.js بهتر و سریعتر تکامل یافت. برای افزودن محصولات، مقالات و آزمایش‌های جدید باید صفحه فرود خود را سریع‌تر تغییر دهیم، بنابراین مهاجرت به Next.js ارزشش را داشت.

در صورتی که همه صفحات یکسان باشند، اعتبارسنجی می شود

برای تأیید اینکه همه صفحات منتقل شده طراحی مشابه صفحه قبلی دارند، یک اتوماسیون ایجاد می کنیم تا از تمام صفحات وب سایت قدیمی و بعدی عکس بگیرید، بنابراین می توانیم به راحتی “اشکالات” را بررسی کنیم.

export const snapshotPages = async (
  pages: string[],
  snapshotDir: string,
  toRelative: (url: string) => string,
) => {
  const browser = await puppeteer.launch();

  if (!fs.existsSync(snapshotDir)) {
    fs.mkdirSync(snapshotDir);
  }

  // process 10 pages at a time
  await processPromisesBatch(pages, 10, async (url) => {
    const page = await browser.newPage();

    // eslint-disable-next-line
    console.log(`Opening ${url}`);
    await page.goto(url, {
      waitUntil: 'networkidle2',
    });

    const relative = toRelative(url);

    const snapshotPath = path.join(snapshotDir, relative);

    const dir = path.dirname(snapshotPath);
    try {
      if (!fs.existsSync(dir)) {
        fs.mkdirSync(dir);
      }

      await page.screenshot({ path: `${snapshotPath}.png`, fullPage: true });
    } catch (err) {
      // eslint-disable-next-line
      console.log('err: ', err);
    }
  })

  await browser.close();
};
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

به اختصار


وای
Woovi یک استارت آپ است که خریداران را قادر می سازد هر طور که دوست دارند پرداخت کنند. برای ایجاد این امکان، Woovi راه حل های پرداخت فوری را برای بازرگانان برای پذیرش سفارشات ارائه می دهد.

اگر می خواهید با ما کار کنید، ما استخدام می کنیم!


عکس توسط Ishon Studios در Unsplash

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا