javascript - 如何使用 puppeteer 从 json 文件中获取数据到 js

Question

如何从 json 文件中获取用户名和密码等数据？

const { errors } = require('puppeteer');
const puppeteer = require('puppeteer-extra');

(async () => {
    const browser = await puppeteer.launch({
      headless: false,
      ignoreHTTPSErrors: true,
      webpage: true,
      slowMo: 3,
      executablePath: "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
    });

    const page = await browser.newPage();
    await installMouseHelper(page); // Makes mouse visible
    await page.setDefaultNavigationTimeout(0);
    await page.evaluate(() => { debugger; });
    await page.goto('https://nike.com/my/login');

    await page.waitFor(500);
    const login = '[data-componentname="emailAddress"]';
    loginButton = await page.waitForSelector(login),
    await loginButton.click(),
    await loginButton.type("[e-mail]");

    await page.waitFor(500);
    const loginPsw = '[data-componentname="password"]';
    loginPswButton = await page.waitForSelector(loginPsw),
    await loginPswButton.click(),
    await loginPswButton.type("Qwert12345.");

    await page.waitFor(500);
    const signInBtn = '[class="nike-unite-submit-button loginSubmit nike-unite-component"]';
    signInBtnButton = await page.waitForSelector(signInBtn),
    await signInBtnButton.click();

})();

{
"nikeSNKRS": {
    "accounts": [
        {
            "note": "",
            "accounts": [
                {
                    "user": "[e-mail]",
                    "password": "Qwert12345.",
                    "access_token": "",
                    "refresh_token": "",
                    "expires_in": "",
                    "token_type": "",
                    "country": "",
                    "phone": "",
                    "expires": "???",
                    "proxy": ""
                }
            ]
        }
    ]
  }
}

标签： javascripthtmlnode.jsapipuppeteer

Answer 1

如果您不想通过回调嵌套来搞乱现有代码，请创建一个async方法来读取包含您的数据的文件：

const fs = require("fs");

const getData = (file) => {
  return new Promise((resolve, reject) => { 
    fs.readFile(file, (err, data) => {
      if (err) return reject(err);
      try {
        const json = JSON.parse(data);
        resolve(json);
      } catch (E) {
        reject(E);
      }
    }
  }
}

然后，如果您的数据位于 中./data.json，请在适当的位置添加/修改您的代码：

const json = await getData("./data.json");
//...
const user = json.nikeSNKRS.accounts[0].accounts[0].user;
await loginButton.type(user);
// ...
const password = json.nikeSNKRS.accounts[0].accounts[0].password
await loginPswButton.type(password);