前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标

实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标

原创
作者头像
jackcode
发布2024-11-07 11:25:38
发布2024-11-07 11:25:38
1090
举报
文章被收录于专栏:爬虫资料
爬虫代理
爬虫代理

在当今信息爆炸的时代,自动化数据抓取技术(也称为“网络爬虫”)对于数据分析与信息挖掘具有重要的作用。本文将介绍如何利用Node.js实现自动化数据抓取,并通过控制鼠标点击与位置坐标的方式,采集页面上指定的新闻数据。我们将使用代理IP、设置User-Agent与Cookie等手段,以提高爬虫的效率与隐蔽性。特别适用于需要规避IP封锁、突破频率限制的新闻热点数据抓取。

一、概述

Node.js作为一种高效的JavaScript运行时环境,提供了丰富的包与API,适合处理爬虫任务。我们将结合puppeteer与代理IP技术实现一个简单的自动化数据抓取工具。目标网站为“澎湃新闻”(https://www.thepaper.cn),我们将自动打开网页,模拟鼠标点击以采集页面信息,并将新闻内容按分类进行整理。

涉及的技术要点

  • Puppeteer:控制浏览器行为,模拟鼠标点击、键盘输入等操作。
  • 代理IP:通过代理IP减少被网站封锁的风险,这里我们将使用16yun的代理服务。
  • User-Agent与Cookie:通过设置请求头,模仿正常用户行为,提高抓取的效率与隐蔽性。

二、实现细节

1. 安装依赖

首先,确保系统已安装Node.js,然后通过npm安装相关包:

代码语言:bash
复制
npm install puppeteer axios

2. 代码实现

以下代码实现了从澎湃新闻首页抓取新闻热点并归类整理的流程。代码中加入了代理IP、User-Agent和Cookie的配置。

代码语言:javascript
复制
const puppeteer = require('puppeteer');

// 代理IP配置 16yun爬虫代理
const proxyHost = '代理服务器域名'; 
const proxyPort = '代理服务器端口';  
const proxyUsername = '代理用户名'; 
const proxyPassword = '代理密码';  

// User-Agent和Cookie配置
const userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.75 Safari/537.36';
const cookies = [
    {
        name: 'cookie_name',  // 根据需要替换
        value: 'cookie_value',
        domain: '.thepaper.cn'
    }
];

// 目标网站
const targetUrl = 'https://www.thepaper.cn';

(async () => {
    // 启动浏览器并设置代理
    const browser = await puppeteer.launch({
        headless: false,  // 显示浏览器窗口便于调试
        args: [
            `--proxy-server=http://${proxyHost}:${proxyPort}`
        ]
    });

    const page = await browser.newPage();

    // 设置User-Agent
    await page.setUserAgent(userAgent);

    // 设置Cookie
    await page.setCookie(...cookies);

    // 输入代理认证信息
    await page.authenticate({ username: proxyUsername, password: proxyPassword });

    // 访问目标页面
    await page.goto(targetUrl, { waitUntil: 'networkidle2' });

    // 等待页面加载完成
    await page.waitForSelector('.news_content');  // 假设新闻内容在此CSS选择器中

    // 模拟鼠标点击某个分类标签(例如“热点”)
    const categorySelector = '.some-category-selector'; // 替换为实际的分类按钮选择器
    if (await page.$(categorySelector) !== null) {
        await page.click(categorySelector);
        console.log('点击了新闻分类标签');
        await page.waitForTimeout(2000);  // 等待页面加载新内容
    }

    // 选择并点击一个新闻标题,模拟进入新闻详情页面
    const newsTitleSelector = '.news_content .news_title';  // 假设新闻标题在此选择器中
    const newsTitle = await page.$(newsTitleSelector);
    if (newsTitle !== null) {
        const boundingBox = await newsTitle.boundingBox();  // 获取元素的位置信息
        await page.mouse.move(boundingBox.x + boundingBox.width / 2, boundingBox.y + boundingBox.height / 2);  // 移动鼠标到新闻标题
        await page.mouse.click(boundingBox.x + boundingBox.width / 2, boundingBox.y + boundingBox.height / 2);  // 模拟点击
        console.log('点击了新闻标题,进入新闻详情页面');
        await page.waitForTimeout(2000);  // 等待详情页面加载
    }

    // 抓取新闻详情页面中的内容
    const newsData = await page.evaluate(() => {
        const titleElement = document.querySelector('.news_content .news_title');  // 替换为详情页面中的标题选择器
        const contentElement = document.querySelector('.news_content .news_body');  // 替换为详情页面中的正文选择器
        return {
            title: titleElement ? titleElement.innerText : '',
            content: contentElement ? contentElement.innerText : ''
        };
    });

    console.log('抓取的新闻详情数据:', newsData);

    // 关闭浏览器
    await browser.close();
})();

3. 代码解析

  • 代理IP配置:使用16yun的代理IP服务(域名、端口、用户名、密码),通过page.authenticate()方法设置认证信息,保证访问来自代理IP。
  • <font style="color:rgb(0, 0, 0);">鼠标点击操作</font><font style="color:rgb(0, 0, 0);">:使用</font><font style="color:rgb(0, 0, 0);"> </font><font style="color:rgb(0, 0, 0);">page.click()</font><font style="color:rgb(0, 0, 0);"> </font><font style="color:rgb(0, 0, 0);">或者通过</font><font style="color:rgb(0, 0, 0);"> </font><font style="color:rgb(0, 0, 0);">page.mouse.move()</font><font style="color:rgb(0, 0, 0);"> </font><font style="color:rgb(0, 0, 0);">和</font><font style="color:rgb(0, 0, 0);"> </font><font style="color:rgb(0, 0, 0);">page.mouse.click()</font><font style="color:rgb(0, 0, 0);"> </font><font style="color:rgb(0, 0, 0);">精确模拟鼠标移动并点击。</font>
  • <font style="color:rgb(0, 0, 0);">控制鼠标移动位置</font><font style="color:rgb(0, 0, 0);">:通过获取元素的边界信息 (</font><font style="color:rgb(0, 0, 0);">boundingBox</font><font style="color:rgb(0, 0, 0);">) 精确定位鼠标点击位置,模仿真实用户的点击行为。</font>
  • <font style="color:rgb(0, 0, 0);">等待页面响应</font><font style="color:rgb(0, 0, 0);">:在点击后使用 </font><font style="color:rgb(0, 0, 0);">waitForTimeout</font><font style="color:rgb(0, 0, 0);"> 短暂等待,确保页面内容加载完成,以便下一步抓取。</font>

三、效果与应用

通过此方案,我们可以在澎湃新闻等新闻门户网站上自动化获取热点新闻数据,并进行归类整理,为后续的数据分析和热点追踪奠定基础。对于新闻热点的时效性需求,这种基于代理IP与用户模拟的爬虫方案能够有效提升数据抓取的稳定性与准确性。

在实际应用中,可以进一步将抓取的数据存储至数据库中,以便后续的数据分析与展示。此外,设置抓取频率与周期性更新机制,也可以对新闻热点的变化趋势进行长时间监控。

四、总结

本文通过Node.js、Puppeteer及代理IP等技术实现了自动化新闻数据抓取的流程。该方案适用于高频率、连续性的数据抓取任务。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、概述
    • 涉及的技术要点
    • 二、实现细节
      • 1. 安装依赖
        • 2. 代码实现
          • 3. 代码解析
          • 三、效果与应用
          • 四、总结
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档