比较 AliExpress、eBay 和亚马逊上的价格。

# Web 开发# JavaScript# Dev Challenge

我建造了什么

Cheaperr 是一个价格比较平台，可让您比较亚马逊、eBay 和 AliExpress 上所需产品的价格，帮助您轻松找到最优惠的价格。

内置

该应用程序是使用以下工具构建的：

  • React.js
  • TailwindCSS
  • 节点（Expressjs）
  • 木偶师
  • Bright Data 的抓取浏览器

    • 演示

  • 实时网站 - Cheaperr.netlify.app
  • 代码库 前端代码库 服务器代码库

    • 主页

    cheaperr home page

    产品页面

    cheaperr product page with no productscheaperr product page with products

    比较价格页面

    cheaperr compare-prices page

    如何使用 Bright Data

    对于这个项目，我使用了 Bright Data 的 Scraping Browser。这使我能够轻松模仿亚马逊、eBay 和 AliExpress 网站上的用户交互。

  • 用户在搜索栏中输入想要的产品名称，然后单击回车。
  • 使用用户的搜索查询向应用程序的节点服务器发出请求。
  • 服务器通过 Puppeteer 连接到 Bright Data 的抓取浏览器。
  • 一旦连接，抓取浏览器就会导航到亚马逊、eBay 和 Aliexpress。
  • 然后将用户的搜索查询输入到这三个网站的搜索栏中。
  • 点击每个网站上的价格过滤器下拉菜单，并选择最低价格选项的过滤器。
  • 获取页面上的结果并将其返回给应用程序，然后关闭抓取浏览器。
  • 然后将从三个网站返回的商品价格相互比较，并向用户显示所查询产品价格最便宜的网站。

    • Bright Data 的 Scraping Browser 使从每个站点抓取数据比手动抓取变得容易得多。

    DEV 挑战现已开始！

    DEV Challenges Hub

    查看所有参与方式、证明您的技能并赢取奖品。

    访问挑战中心