Hyperbrowser MCP 服务器测评：强大的网页抓取与自动化利器

npx hyperbrowser-mcp <YOUR-HYPERBROWSER-API-KEY>

{
  "mcpServers": {
    "hyperbrowser": {
      "command": "npx",
      "args": ["--yes", "hyperbrowser-mcp"],
      "env": {
        "HYPERBROWSER_API_KEY": "your-api-key"
      }
    }
  }
}

{
  "mcpServers": {
    "hyperbrowser": {
      "command": "npx",
      "args": ["-y", "hyperbrowser-mcp"],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

{
  "mcpServers": {
    "hyperbrowser": {
      "command": "npx",
      "args": ["-y", "hyperbrowser-mcp"],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

// 产品价格监控示例
// 注意：此代码为概念展示，实际调用方式取决于客户端实现

class PriceMonitor {
  constructor() {
    this.products = [
      {
        name: "Wireless Headphones",
        url: "https://example.com/product/wireless-headphones",
        selectors: {
          price: ".product-price",
          title: ".product-title",
          availability: ".stock-status"
        }
      },
      {
        name: "Smart Watch",
        url: "https://example.com/product/smart-watch",
        selectors: {
          price: ".price-container",
          title: "h1.product-name",
          availability: ".inventory-status"
        }
      }
    ];
  }

  // 监控所有产品价格
  async monitorPrices() {
    const results = [];
    
    for (const product of this.products) {
      try {
        console.log(`正在检查 ${product.name} 的价格...`);
        
        // 使用 Hyperbrowser 的 scrape_webpage 工具抓取页面内容
        const scrapedData = await this.callHyperbrowserTool(
          'scrape_webpage', 
          {
            url: product.url,
            format: 'markdown'
          }
        );
        
        // 使用 extract_structured_data 提取结构化价格信息
        const structuredData = await this.callHyperbrowserTool(
          'extract_structured_data',
          {
            url: product.url,
            extraction_selectors: {
              price: product.selectors.price,
              title: product.selectors.title,
              availability: product.selectors.availability
            }
          }
        );
        
        // 处理提取的数据
        const productInfo = {
          name: product.name,
          url: product.url,
          currentPrice: this.extractPrice(structuredData.price),
          title: structuredData.title,
          available: structuredData.availability.includes('in stock'),
          lastChecked: new Date().toISOString()
        };
        
        results.push(productInfo);
        console.log(`✓ ${product.name}: $${productInfo.currentPrice} - ${productInfo.available ? '有货' : '缺货'}`);
        
      } catch (error) {
        console.error(`✗ 检查 ${product.name} 时出错:`, error.message);
      }
    }
    
    return results;
  }
  
  // 价格历史跟踪
  async trackPriceHistory() {
    const currentPrices = await this.monitorPrices();
    
    // 这里可以添加逻辑将价格数据存储到数据库
    // 并进行价格变化分析
    
    currentPrices.forEach(product => {
      this.checkPriceDrop(product);
    });
    
    return currentPrices;
  }
  
  // 检查价格下降
  checkPriceDrop(product) {
    // 从数据库获取历史价格记录
    // 与当前价格比较
    // 如果价格显著下降，触发通知
    
    console.log(`分析 ${product.name} 的价格趋势...`);
    // 实际实现中会包含更复杂的逻辑
  }
  
  // 调用 Hyperbrowser 工具的辅助方法
  async callHyperbrowserTool(toolName, parameters) {
    // 实际实现中，这里会通过 MCP 客户端协议调用 Hyperbrowser 服务器
    // 以下为概念代码
    console.log(`调用 Hyperbrowser 工具: ${toolName}`, parameters);
    
    // 模拟返回数据
    if (toolName === 'scrape_webpage') {
      return {
        content: `# 产品页面\n\n当前价格: $199.99\n\n产品描述...`,
        url: parameters.url,
        format: 'markdown'
      };
    } else if (toolName === 'extract_structured_data') {
      return {
        price: '$199.99',
        title: '高端无线耳机',
        availability: 'in stock'
      };
    }
  }
  
  // 从文本中提取价格数字
  extractPrice(priceText) {
    const match = priceText.replace(/[^0-9.]/g, '');
    return parseFloat(match) || 0;
  }
}

// 使用示例
async function main() {
  const monitor = new PriceMonitor();
  
  console.log('开始产品价格监控...\n');
  const results = await monitor.trackPriceHistory();
  
  console.log('\n=== 监控结果汇总 ===');
  results.forEach(product => {
    console.log(`${product.name}: $${product.currentPrice} | ${product.available ? '有货' : '缺货'}`);
  });
  
  // 可在此处添加通知逻辑（邮件、短信等）
}

// 执行监控
main().catch(console.error);

// Pipedream 集成示例 - 每天自动执行价格检查
const { Hyperbrowser } = require('hyperbrowser-sdk');

export default defineComponent({
  async run({ steps, $ }) {
    const hb = new Hyperbrowser({
      apiKey: process.env.HYPERBROWSER_API_KEY
    });
    
    // 执行网页抓取
    const result = await hb.scrapeWebpage({
      url: 'https://example.com/products',
      format: 'markdown'
    });
    
    // 提取结构化数据
    const data = await hb.extractStructuredData({
      html: result.content,
      selectors: {
        products: '.product-item'
      }
    });
    
    // 价格比较逻辑
    const previousPrices = await $.flow.db.get('previous_prices');
    const currentPrices = data.products.map(p => p.price);
    
    // 检测价格变化
    const significantDrops = this.findPriceDrops(previousPrices, currentPrices);
    
    if (significantDrops.length > 0) {
      // 发送通知
      await $.send.email({
        subject: '检测到产品价格下降！',
        body: this.generateAlertEmail(significantDrops)
      });
    }
    
    // 保存当前价格供下次比较
    await $.flow.db.set('previous_prices', currentPrices);
    
    return results;
  }
});