如何用Electron构建界面，实现基于Node.js的长尾词爬虫？

本文共计2193个文字，预计阅读时间需要9分钟。

Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用的框架。[官网](https://electronjs.org/)。它本质上是一个精简的Webkit浏览器，用于展示HTML页面。通过Electron作为中间层，可以实现与系统的交互。为Web项目提供一套完整的桌面应用解决方案。

什么是Electron

使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用

[官网](electronjs.org/)

实质就是一个精简的Webkit浏览器显示html页面，通过electron做中间层可以和系统交流。给web项目套上一个node环境的壳。

前言

公司买的推广居然没有后台的api，没有api又不想死板手动操作。那就做个爬虫吧。但是又是给小白用的，自然最好带个界面，本来用C#拖出来就好了，看到vs那么大，下载都要半天。干脆就用Electron做一个，顺便学习一下Electron。

准备工作

安装nodejs

npm安装electron（最好换成cnpm，不然可能失败）

hello world

官方提供了快速开始的手脚架，怎么方便怎么来。

github.com/atom/electron-quick-start

clone下来

git那些不是我们需要的，就删掉。

安装相关的依赖，推荐用yarn。