از همه صفحات خود عکس بگیرید – انجمن 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