Puppeteer浏览器自动化
更新 1 month ago
由
Annes Silde
Puppeteer是一个Node.js库，它为基于Chromium的浏览器进行自动化操作提供了有效而强大的工具，它通过Chrome开发者工具提供高级别API。比如，您可以在指纹得到掩蔽和保护的Mimic浏览器内，创建一个网络爬虫来搜索和采集数据。
分配Multilogin端口
您需要提前定义软件端口以使用Puppeteer自动化。以下是定义端口的方法：
- 前往C:\Users\%username%\.multiloginapp.com路径并打开app.properies文件
- 添加此语句:
multiloginapp.port=[PORT_NUMBER]
- 保存app.properties文件
定义好端口后，您就可以通过这个端口使用自动化功能了。
如何使用
步骤一：
请确保您已经安装Node.js和npm包管理器（node package manager）。您可以从Node.js的官网下载Node.js和npm包（最新版的Node.js已经自动包括了npm包）。另外，您也可以用yarn做为Node.js包新管理工具。
您可以在终端检查您的Node.js和npm版本，运行代码为：
nodejs -v || node -v && npm -v
步骤二：
在当前目录下创建一个新的npm项目。
npm init -y
步骤三：
把Puppeteer-core安装在项目目录中。
npm install [email protected] --save
往期版本兼容性：
Chromium 107 | Puppeteer-core 19.1.1 |
Chromium 106 | Puppeteer-core 18.2.0 |
步骤四：
创建您的.js自动化脚本。您可以参考以下代码示范：
const puppeteer = require('puppeteer-core');
const http = require('http');
async function startProfile(){
let profileId = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx';
let mlaPort = 35000;
/*Send GET request to start the browser profile by profileId.
Returns web socket as response which should be passed to puppeteer.connect*/
http.get(`http://127.0.0.1:${mlaPort}/api/v1/profile/start?automation=true&puppeteer=true&profileId=${profileId}`, (resp) => {
let data = '';
let ws = '';
//Receive response data by chunks
resp.on('data', (chunk) => {
data += chunk;
});
/*The whole response data has been received. Handling JSON Parse errors,
verifying if ws is an object and contains the 'value' parameter.*/
resp.on('end', () => {
let ws;
try {
ws = JSON.parse(data);
} catch(err) {
console.log(err);
}
if (typeof ws === 'object' && ws.hasOwnProperty('value')) {
console.log(`Browser websocket endpoint: ${ws.value}`);
run(ws.value);
}
});
}).on("error", (err) => {
console.log(err.message);
});
}
async function run(ws) {
try{
//Connecting Puppeteer with Mimic instance and performing simple automation.
const browser = await puppeteer.connect({browserWSEndpoint: ws, defaultViewport:null});
const page = await browser.newPage();
await page.goto('https://multilogin.com');
await page.screenshot({ path: `/home/${process.env.USER}/Desktop/multiloginScreenshot.png` });
await browser.close();
} catch(err){
console.log(err.message);
}
}
startProfile();步骤五：
在您的设备终端运行.js文件，以执行您的自动化操作脚本。
nodejs example.js