【Udemy中英字幕】Build a Full-Stack Chrome Extension with NodeJS and MongoDB

使用 NodeJS 和 MongoDB 构建全栈 Chrome 扩展

构建一个 Chrome 扩展程序，抓取亚马逊搜索结果，同时学习保持代码库整洁和可扩展

讲师：Elisha Kramer

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将学到什么

• 如何构建 Chrome 扩展
• 如何使用 Chrome 扩展程序抓取 Web 数据
• 如何通过 ContentJS 脚本选择 DOM 中的元素
• 如何处理从后台到服务器的 AJAX 请求
• Chrome 扩展消息传递 API – 如何在 Chrome 扩展的不同元素之间传递数据（弹出窗口->内容->后台->服务器…）
• 如何为您的扩展设置 NodeJS 服务器、路由和后端 API
• 如何使用 MongoDB 管理亚马逊产品数据
• 如何接受来自 Chrome 扩展程序的用户输入
• 如何在后台页面的本地存储中保留用户登录数据和其他用户相关数据
• 保持 Chrome 扩展代码干净、无错误且高度可扩展的最佳实践
• 组织您的弹出窗口、内容和背景页面

要求

• JavaScript 或任何其他编码语言的初级水平
• 有 NodeJS 经验优先（但不是必须）
• 了解 MongoDB 或 MySQL 数据库优先（但不是必须）
• 任何服务器端技术的初级水平
• jQuery 是一个优点（但不是必须的）
• AngularJS 是一个优点（但不是必须）
• HTML 和 CSS 是一个优点（但不是必须的）

描述

在本课程中，我们将开发一个新的全栈 Chrome 扩展，它可以抓取 Amazon 数据，并自动将产品数据保存在 MongoDB 数据库中。

我们的成品（您可以将其发布到 Chrome 商店）将是一个 Chrome 扩展程序，使任何用户都可以抓取自己的亚马逊购买历史记录、任何亚马逊搜索 URL 的结果或多个亚马逊搜索关键字的结果- 一个接一个。

*在您掌握 Chrome 扩展程序开发的整个过程中都包含代码示例*

您将在本课程中处理的技术堆栈：

– Chrome 扩展

– AngularJS（用于 Chrome 扩展弹出窗口）

– jQuery *（用于与 Amazon DOM 交互）

– NodeJS服务器

– 蒙戈数据库

Chrome 扩展程序的功能：

1. 通过弹出视图注册和登录
2. 使用 Content.js 页面从 DOM 中选择元素
3. 抓取您自己的亚马逊购买历史记录
4. 抓取给定页面的亚马逊搜索结果
5. 抓取多个关键词的亚马逊搜索结果（自动一个接一个）
6. 保存亚马逊产品标题
7. 保存亚马逊产品描述
8. 保存亚马逊产品图片
9. 保存亚马逊产品评论
10. 保存产品评级
11. 保存给定产品的评级数量
12. 让 Chrome 扩展程序自动浏览搜索结果的所有页面

在开发这个很棒的示例项目时，您将学到：

a) 如何通过 Chrome 扩展程序以编程方式从网络上抓取任何数据

b) Manifest.json 文件

c) Popup.js 文件

c）Background.js 文件

d) Content.js 文件

e) 如何调试 Chrome 扩展

正确构建 Chrome 扩展程序的架构对于保持代码整洁和结构化至关重要！我们将讨论构建全栈 Chrome 扩展时的许多注意事项。

我建立这门课程是因为 Udemy 上的所有其他 Chrome 扩展程序课程都没有那么深入（比较该课程相对于竞争对手提供的小时数），并且因为 Chrome 扩展程序就像网络冲浪者的冲浪服 – 用户可以随身携带他们去网络上的任何地方。

如果您对 Chrome 扩展和网页抓取的强大功能感到兴奋，那么我希望您能从本课程中获益匪浅。

无论您想要构建什么类型的 Chrome 扩展程序/Web Scraper，该架构都是可重复使用的，因此，如果您需要帮助以自己的方式构建代码库，或者如果您有任何疑问，请随时与我们联系道路。

真挚地，

以利沙

本课程适合谁：

• 希望构建 Chrome 扩展的 JavaScript 开发人员
• 对使用 Chrome 扩展抓取网络数据感兴趣的程序员
• 希望构建社交购物应用程序的互联网企业家
• 寻求从亚马逊产品列表中收集见解的电子商务专业人士