electron

配合 angular 和 angular-material 来开发基于 electron 的应用 · 3--文件组织结构和开发流程

文件组织结构 良好的文件组织结构不仅能帮助我们更快地定位文件,更能配合开发工具形成流畅的开发流程,从而提高编程效率。 以下的目录和文件都放在存放应用的根目录 app 下。 package.json Electron 应用的配置文件,经常做 node 开发的人应该很熟悉了。稍微说明一下一些字段: name: 应用的名字,本项目就是 radioit 了 description: 应用的描述 version: 应用的版本号 author: 作者名字 email: 作者的邮箱 main.js Electron 应用的入口点,可以在 package.json 的 main 字段自定义 node_modules/ node 库的目录,一般不用手动管理,而是使用 npm 来安装和卸载库。 lib/ 存放 node 模块的目录。 src/ 存放源代码的目录。 src/css/ 存放待编译的 css 代码,…

Read more

配合 angular 和 angular-material 来开发基于 electron 的应用 · 2--node 库的使用和抓取代码的编写

使用 nodejs 的库 python 脚本的详细编写,请看之前的博文:radioit计划——动画广播辅助脚本radioitScript。 需要用 node 实现脚本中的某些逻辑是获取和提取广播的信息,整合成 JSON 格式的数据。 而用一些库就能轻松做到。 superagent superagent 是一个极其简单的 AJAX 库。 使用方法简单得令人发指。 var request = require( 'superagent' ); request .get( 'http://xxx.com' ) .end( function ( err, res ) { // Do something }); 还用介绍吗?不用了。 bluebird bluebird 是一个 Promise 库。 凡是类似 IO 的操作,必定需要异步。经典的解决方法是回调,然而是时候用 P…

Read more

thumbnail

配合 angular 和 angular-material 来开发基于 electron 的应用 · 1--分析与配置

应用github地址。github 代码和文章代码并不同步,用作预览和 PR。 目标分析 一句话概述:开发的应用是一个抓取网页有用信息并重新统一排布的应用,是之前文章提到的 radioit 计划里脚本的 GUI 版本。 关键词:网页抓取、信息统一、信息排布、脚本的 GUI 版本 功能: 浏览某一个广播站的广播 浏览某一个广播的详细信息 下载某一个广播最新的相关图片 下载某一个广播最新的相关音频 能够通过设置代理来突破某些限制 能够离线浏览(未定) 预定周期下载任务(未定) 整合视频压制工具(未定) 业务流程: 请求特定 url 资源 对取得的 url 资源进行信息提取 信息整合成统一格式 显示信息 某些情况下执行预定命令行(未定) 技术联想: 请求特定 url 资源 -> node 对取得的 url 资源进行信息提取 -> node 的…

Read more

配合 angular 和 angular-material 来开发基于 electron 的应用 · 0--前言

Electron Electron 是什么?它之前的名字是 Atom Shell,是 Github 开发的结合了 io.js 和 chromium 的跨平台桌面应用框架。Github 自己出的编辑器 Atom 以及微软出的编辑器 VSCode 都是基于这个框架。 众所周知,Google chrome 就是基于 chromium 而发展出来的一款优秀的浏览器。因其出色的体验和网页解析性能,所有国内出产的山寨浏览器 / 双核浏览器,无不选用了 chrome 作为内核。所以在网页解析渲染方面,使用 chromium 是极其正确的选择。 那跟平常的桌面应用构建,使用 Electron 又有什么优势呢? 普通的桌面应用构建,比较成熟的语言不外乎 C/C++、Java、C#、Python 等。然而 C/C++ 易学难精,即使其 GUI 框架有 MFC、Qt、KDE 等众,也是极难快速开发;Java 的…

Read more