Atom Shell 开发桌面应用框架 项目简介
Atom Shell 现已改名为 Electronatom-shell 是 GitHub 随 Atom 一起开源的跨操作系统（Windows，Linux，MacOS X）的利用 Web 技术（Node.js、JavaScript、HTML 5）开发桌面应用的框架。Atom即构建在 atom-shell 之上。与 Node-Webkit 的区别atom-shell 和Node-Webkit很像，那么两者有什么区别呢？1. 程序入口Node-Webkit 的程序入口是一个网页，你在package.json中指定主页，然后这个主页会在浏览器中打开，作为应用程序的主窗口。atom-shell 的程序入口则是一个 JavaScript 脚本，而不是直接指定一个 URL。你需要手动创建浏览器窗口，并通过相应的 API 加载 html 文件。你同时需要监听窗口事件以便决定何时退出应用。因此，atom-shell 更接近 Node.js 运行时，API 也更加底层，你可以利用 atom-shell 进行 web 测试，类似phantomjs。2. 编译系统atom-shell 使用libchromiumcontent访问 Chromium 的 Content API，这样编译 atom-shell 的时候就不用编译整个 Chromium （编译 Chromium 非常费时）。顺便提一下，GitHub 开发者还创建了brightray库，让 libchromiumcontent 的使用更方便。3. Node 集成Node-Webkit 的 Node 集成需要给 Chromium 打补丁才能工作。atom-shell 通过集成 libuv loop 和 平台的 message loop 避免给 Chromium 打补丁。4. Multi-contextNode-Webkit 创造了 Node context 和 web context 的概念，而 atom-shell 没有引入新的 context，而是直接使用 Node 的 Multi-context 特性（这一特性是 Atom 开发者赞助 Node 添加的）。作者GitHub 最初考察了 Node-Webkit，但是最终还是决定雇佣@zcbenz来开发想要的框架。于是 atom-shell 诞生了。一个最简单的 hello atom 示例项目请看 hello-atom主程序示例：var app = require('app'); // Module to control application life.
var BrowserWindow = require('browser-window'); // Module to create native browser window.
// Report crashes to our server.
require('crash-reporter').start();
// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the javascript object is GCed.
var mainWindow = null;
// Quit when all windows are closed.
app.on('window-all-closed', function() {
if (process.platform != 'darwin')
app.quit();
});
// This method will be called when atom-shell has done everything
// initialization and ready for creating browser windows.
app.on('ready', function() {
// Create the browser window.
mainWindow = new BrowserWindow({width: 800, height: 600});
// and load the index.html of the app.
mainWindow.loadUrl('file://' + __dirname + '/index.html');
// Emitted when the window is closed.
mainWindow.on('closed', function() {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
mainWindow = null;
});
});支持很多桌面应用特性，例如 Dock 菜单等：使用 Dock 菜单的方法：var app = require('app');
var Menu = require('menu');
var dockMenu = Menu.buildFromTemplate([
{ label: 'New Window', click: function() { console.log('New Window'); } },
{ label: 'New Window with Settings', submenu: [
{ label: 'Basic' },
{ label: 'Pro'},
]},
{ label: 'New Command...'},
]);
app.dock.setMenu(dockMenu);PS：网易也有开放了Hex，同样是不满意node-webkit，就自己做了套.
var BrowserWindow = require('browser-window'); // Module to create native browser window.
// Report crashes to our server.
require('crash-reporter').start();
// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the javascript object is GCed.
var mainWindow = null;
// Quit when all windows are closed.
app.on('window-all-closed', function() {
if (process.platform != 'darwin')
app.quit();
});
// This method will be called when atom-shell has done everything
// initialization and ready for creating browser windows.
app.on('ready', function() {
// Create the browser window.
mainWindow = new BrowserWindow({width: 800, height: 600});
// and load the index.html of the app.
mainWindow.loadUrl('file://' + __dirname + '/index.html');
// Emitted when the window is closed.
mainWindow.on('closed', function() {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
mainWindow = null;
});
});支持很多桌面应用特性，例如 Dock 菜单等：使用 Dock 菜单的方法：var app = require('app');
var Menu = require('menu');
var dockMenu = Menu.buildFromTemplate([
{ label: 'New Window', click: function() { console.log('New Window'); } },
{ label: 'New Window with Settings', submenu: [
{ label: 'Basic' },
{ label: 'Pro'},
]},
{ label: 'New Command...'},
]);
app.dock.setMenu(dockMenu);PS：网易也有开放了Hex，同样是不满意node-webkit，就自己做了套.