将物品添加到购物车后，在登录页面上使用Puppeter

Question

我正在编写一个脚本，以自动从Nike购买运动鞋。我已经能够将运动鞋添加到购物车中，然后转到需要登录的结账页面。这就是一切崩溃的地方。

我想这可能与它是一个与原始目标URL完全独立的页面有关，但我不确定。

以下是我迄今为止所拥有的。。。

(async () => { 
const browser = await puppeteer.launch({
ignoreHTTPSErrors: true,
headless: false,
args: [
'--disable-web-security'
],
executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
userDataDir: '/Users/larry/Library/Application Support/Google Chrome'
});
const page = await browser.newPage();   
await page.goto(https://www.nike.com/launch/t/air-force-1-low-triple-white);
page.waitForNavigation({ waitUntil: 'networkidle0' }); // Wait for page to finish loading



// ##################################################
// ##################################################
// ################################## ROUND 1
// BEGIN

await page.waitFor(500);

// ##################################################
// ##################################################
// ################################## ROUND 2   
// Wait for size selector to appear, then scroll to it

await page.waitForSelector('.size-grid-dropdown');
await page.evaluate(() =>
document.querySelectorAll(".size-grid-dropdown")[0].scrollIntoView()
);

await page.waitFor(500);




// ##################################################
// ##################################################
// ################################## ROUND 3
// Pick my size from the options

await page.evaluate(async(size) => {
let sizes = await Array.from(document.querySelectorAll(".size-grid-dropdown"));
let sizeIndex = sizes
.map((s, i) => (s.innerHTML === size ? i : false))
.filter(Boolean)[0];
return sizes[sizeIndex].click();
}, size);

await page.waitFor(500);


// ##################################################
// ##################################################
// ################################## ROUND 4   
// Wait for add to cart button, then scroll into view

await page.waitForSelector('button[data-qa=add-to-cart]');
await page.evaluate(() =>
document.querySelectorAll("button[data-qa=add-to-cart]")[0].scrollIntoView()
);

await page.waitFor(500);

// ##################################################
// ##################################################
// ################################## ROUND 5   
// Click the add to cart button

await page.evaluate(() =>
document.querySelectorAll("button[data-qa=add-to-cart]")[0].click()
);

await page.waitFor(500);
// ##################################################
// ##################################################
// ################################## ROUND 6   
// Click the checkout button

await page.waitForSelector('button[data-qa="checkout-link"]');
await page.evaluate(() =>
document.querySelectorAll("button[data-qa=checkout-link]")[0].click()
);

await page.waitFor(500);


// ##################################################
// ##################################################
// ################################## ROUND 7
// Login

await page.waitForSelector('#nike-unite-loginForm');
await page.waitFor(500);

// Username
await page.focus('input[type="email"]');
await page.keyboard.type(user);
await page.waitFor(200);

// Password
await page.focus('input[type="password"]')
await page.keyboard.type(pass);
await page.waitFor(200);

// Submit
await page.evaluate(() =>
document.querySelectorAll('button[value="MEMBER CHECKOUT"]')[0].click()
);  

所以问题是，一旦你进入第7轮，你就会进入登录屏幕，但什么都没发生

以下是生成的错误

(node:1488) UnhandledPromiseRejectionWarning: Error: Execution context was destroyed, most likely because of a navigation.
at rewriteError (/Volumes/Nike/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:261:23)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async ExecutionContext._evaluateInternal (/Volumes/Nike/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:215:61)
at async ExecutionContext.evaluate (/Volumes/Nike/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:106:16)
at async DOMWorld.content (/Volumes/Nike/node_modules/puppeteer/lib/cjs/puppeteer/common/DOMWorld.js:115:16)
at async Page.content (/Volumes/Nike/node_modules/puppeteer/lib/cjs/puppeteer/common/Page.js:820:16)
at async /Volumes/Nike/bot.js:214:10
(node:1488) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:1488) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Answer 1

您不需要单击特定的大小，然后添加到购物车并完成所有这些操作。

您只需加载Nikes预购车即可。这也适用于任何类型的跌落。

您需要将productID从页面中删除，或者您可以在放置之前输入它，然后获得您想要的尺寸。

然后你只需加载这个URL:

"｛SNKRS_URL｝？size＝｛size｝&productId＝{product_id(">

这应该加载一个预购物车，您可以在其中输入所有详细信息，然后提交。