使用node-webkit开发Clover桌面客户端的一些记录(一)

首先说一说Clover.

这是一个OA产品,是我们公司组建我们技术部以来最最重要的一项工作 -- 开发企业内部使用的管理系统."Clover"这个名字是我们老大起的,拆开看是"C"+"lover"."lover"都懂是啥,而这个"C"呢,其实就是"Code",因为我们老大是一个(狂热的)编码爱好者(汗...),精通很多门语言,所以就隐晦的把自己的爱好写进项目名称,就连我们测试服务器的地址,也改成"joycode.cn"了(可见其热度...).

"Clover"的开发,是前后台并重的.后台用的PHP,技术方面就不说了,主要说说我负责的前端开发.在这儿插一句,我们技术部6个人,老大(张哥),产品,设计,后台(奈落大叔),前端(我),测试,一样一个,都是能独当一面的好孩子(男女1:1,写代码都是男生,不写代码的都是女生)...老大偏重于产品和后台开发,对我前端的要求是使用avalon框架,针对webkit内核(主要是Chrome和客户端).这两个都是js方面的要求,近期也提了页面部分的要求,即整理写过的东西,提高页面制作的速度,弄一个scss框架,操碎了我一地的心.

客户端的出现,其实是源于最终(高)BOSS的一句话:"让我既能在网页上能看到,也能在桌面上有个应用程序可以点开看".然后,(中间省略一堆过程),老大选定了node-webkit这个神奇东西(兼容windows和mac两个系统),又让我操碎了一地的心.

node-webkit

看名字就知道,nodejs+webkit内核,底层是C++实现的,就相当于一个功能全面的浏览器,但你能用js控制整个浏览器的属性,所以设置好属性,写写页面,就可以把它当做一个桌面应用程序需了.

首先是项目地址(国人大牛主持):https://github.com/rogerwang/node-webkit/,下载下来exe就能用.

然后是我学习参考的资料(Oh!上帝,是中文哒):http://www.cnblogs.com/xuanhun/p/3653816.html,感谢大牛玄魂!

之后是官方文档:https://github.com/rogerwang/node-webkit/wiki,虽说是英文的,但胜在全面.

最后是grunt打包工具:http://groups.google.com/group/node-webkit(需FQ),打一个命令,生成windows和mac两个版本.

使用node-webkit开发Clover桌面客户端的一些记录(一),布布扣,bubuko.com

时间: 2024-10-10 15:15:34

使用node-webkit开发Clover桌面客户端的一些记录(一)的相关文章

互联网江湖,桌面客户端框架技术比武大会

By 技术怪咖 欧阳森林 导读:在互联网时代,如何将一个好的idea快速的转化为产品,如何在原有产品中增加新的特性,是产品能够快速的推向市场.快速占领的关键.因此,作为客户端的架构选型,面临哪几方面的需求?资深前端工程师欧阳森林针对其专业领域的经验,有着自己独到的见解. 前言 自从互联网江湖上出现了一部叫做"云"的秘籍,大大小小的门派,纷纷对外宣称自己掌握了"云"的核心,各种"云"应用层出不穷,Service的各种架构在一次次的华山论剑上大放异彩

(转)heX——基于 HTML5 和 Node.JS 开发桌面应用

本文转载自:http://techblog.youdao.com/?p=685 简介:heX,一个允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案.是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效.特别适合重UI,重交互的桌面应用软件. 欢迎关注http://hex.youdao.com  或微博 @youdao_hex. 一.项目背景 二.用heX开发桌面应用的优势 三.如何用heX开始一个桌面应

CloudNotes之桌面客户端篇:插件系统的实现

[CloudNotes版本更新历史与各版本下载地址请点击此处] [CloudNotes中文系列文章汇总列表请点击此处] [查看CloudNotes源代码请点击此处] 有时候,同一个名词,针对不同的人群,应该采用不同的表达方式.比如插件的概念,对于程序员而言,可以将其称为插件,或者扩展.对于用户而言,或许"扩展功能"一词会更加贴切.本文还是脱离不了码农的气质,继续讨论技术问题,因此,我会以"插件"一词进行描述. 概述 从1.0.5504.38654版本开始,Cloud

基于webkit开发分享

因项目需要,需要将B/S上项目以桌面版的形式呈现,并实现控制操作系统锁屏功能,为此只有将其以类似于.NET的WebBrowser控件的方式嵌入winForm,但WebBrowser采用IE内核引擎,对HTML5以及CSS3尚不支持,同时受限于操作系统以及版本限制.为此必须转换思路,通过资料查询,主流浏览器很多,其解释引擎自然也不同,兼容性很好的Chrome采用webkit,FireFox采用GECKO,这两款引擎是我了解目前市场上兼容性比较好的解释引擎,虽说对html5支持程度并不全面,但对于项

Node.js开发入门—Stream用法详解

Stream是Node.js中非常重要的一个模块,应用广泛.一个流是一个具备了可读.可写或既可读又可写能力的接口,通过这些接口,我们可以和磁盘文件.套接字.HTTP请求来交互,实现数据从一个地方流动到另一个地方的功能. 所有的流都实现了EventEmitter的接口,具备事件能力,通过发射事件来反馈流的状态.比如有错误发生时会发射"error"事件,有数据可被读取时发射"data"事件.这样我们就可以注册监听器来处理某个事件,达到我们的目的. Node.js定义了R

Node.js开发入门—UDP编程

Node.js也提供了UDP编程的能力,相关类库在"dgram"模块里. 与TCP不同,UDP是无连接的,不保障数据的可靠性,不过它的编程更为简单,有时候我们也需要它.比如做APP的统计或者日志或者流媒体,很多流媒体协议都会用到UDP,网上一搜一大堆. 使用UDP,如果你要发送数据,只需要知道对方的主机名(地址)和端口号,扔一消息过去即可.至于对方收不收得到,听天由命了.这就是数据报服务,类似快递或邮件. 我们这次来介绍一下Node.js里的UDP编程,我会提供一个UDP版本的echo

Node.js开发入门—使用http访问外部世界

Node.js的http模块,不但可以构建服务器,也可以作为客户端类库来访问别的服务器.关键就在两个方法: http.request(options[,callback]) http.get(path[,callback]) 除了http,还会用到FileSystem模块和Stream中的stream.Readable和stream.Writable. 先来大概介绍一下相关API吧. API解释 http.request()方法接受一个options参数,这个参数可以是对象,用来指明你要访问的网

Node.js开发入门—套接字(socket)编程

Node.js的net模块提供了socket编程接口,方便我们利用较为底层的套接字接口来实现应用协议.这次我们看一个简单的回显服务器示例,包括服务端和客户端的代码. 使用JavaScript也可以进行套接字编程,哈哈,这酸爽! 代码 分服务器和客户端两部分来说吧. echoServer代码分析 echoServer.js: var net = require("net"); // server is an instance of net.Server // sock is an ins

Node.js开发入门—notepad++ for Node.js

对于Node.js开发,论IDE的话,Webstorm是不二的选择,但它是收费的(可免费使用30天).一开始,我们先将就一下,使用notepad++来编写Node.js应用.这样做还有一大好处:没有关于Node.js的代码高亮和自动补全,可以更好地敦促我们使用在线API文档记忆各种类库API.死磕自己吧,enjoy it. notepad++的安装与配置 到"https://notepad-plus-plus.org/download/v6.8.2.html"这里下载吧,6.8.2版本