node-webkit教程(11)Platform Service之shell
文/玄魂html
目錄html5
node-webkit教程(10)Platform Service之shellnode
前言ios
11.1 Shell是什麼git
11.2 示例github
幾個月前，要開發一個簡易的展現應用，要求支持離線播放（桌面應用）和在線播放（web應用）。shell
當時第一想到的是flex，同一套代碼（或者只需少許的更改）就能夠同時運行在桌面和瀏覽器上。因爲不少展示效果要全新開發，我想到了impress.js(https://github.com/bartaz/impress.js/)。若是選擇impress.js，就意味着要將html5做爲桌面應用，當時想到要封裝webkit，可是本人對這方面也不是很熟悉，時間也頗有限，就又沿着這個方向搜索，找到了node-webkit(https://github.com/rogerwang/node-webkit)。json
node-webkit解決了我經過html和js來編寫桌面應用的難題。windows
至於node-webkit的定義，按照做者的說法：
「 基於node.js和chromium的應用程序實時運行環境，可運行經過HTML(5)、CSS(3)、Javascript來編寫的本地應用程序。node.js和webkit的結合體，webkit提供DOM操做，node.js提供本地化操做；且將兩者的context徹底整合，可在HTML代碼中直接使用node.js的API。」
從本篇文章開始，爲您介紹Platform Services些列的API，本系列由如下類別：
· App – 每一個應用運行時全局api
· Clipboard – 剪貼板
· Tray – 狀態欄圖標，消息通知
· File dialogs-文件選擇對話框
· Shell – 桌面相關
· Handling files and arguments-處理文件和相關參數
Shell是和桌面系統相關的一組API。一般在操做系統中，咱們有「核」和「殼」的區分，「核」是操做系統的內核，「殼」是一個操做界面，提供給用戶輸入命令，解析並執行命令（調用「核」），這個用戶界面被稱做Shell（「殼」）。最多見的shell就是命令行（如windows下的CMD）。
Node-Webkit提供的shell功能頗有限，如今能看到的只有三個api:
l openExternal(URI)
用桌面系統默認的行爲，在應用外部打開URI。這和咱們在瀏覽器中打開一個mailto:連接是同樣的，控制器會轉到桌面系統默認的郵件客戶端。
l openItem(file_path)
以操做系統默認方式打開指定路徑。
l showItemInFolder(file_path)
在文件管理器中顯示「file_path」指定的文件。
新建shell.html和package.json文件。
shell.html 內容以下：
<html>
<head>
<title>shellDemo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body >
<h1>shell 測試</h1>
<button onclick="openInexplorer()">在默認瀏覽器中打開玄魂的電子書</button>
<button onclick="openPdf()">打開pdf</button>
<button onclick="showPdfInFloder()">打開pdf所在的文件夾</button>
<script>
// Load native UI library.
var gui = require('nw.gui');
var shell = gui.Shell;
function openInexplorer()
{
shell.openExternal('http://ebook.xuanhun521.com');
}
function openPdf()
{
shell.openItem('D:\\101.pdf');
}
function showPdfInFloder()
{
shell.showItemInFolder('D:\\學習資料\\技術類教程\\操做系統\\101-深刻理解Linux內核(第三版 英文版)-1030頁-pdf-免費下載.pdf');
}
</script>
</body>
</html>
package.json內容以下：
{
"name": "shell-demo",
"main": "shell.html",
"nodejs":true,
"window": {
"title": "shellDemo",
"toolbar": true,
"width": 800,
"height": 600,
"resizable":true,
"show_in_taskbar":true,
"frame":true,
"kiosk":false,
"icon": "2655716405282662783.png"
},
"webkit":{
"plugin":true
}
}
在上面的代碼中，咱們首先獲取shell對象，
// Load native UI library.
var gui = require('nw.gui');
var shell = gui.Shell;
函數openInexplorer中，調用shell.openExternal方法，在默認瀏覽器中打開「玄魂的電子書站點」。運行效果以下：
在函數openPdf中調用shell.openItem('D:\\101.pdf')，在系統默認的paf閱讀器中打開pdf文檔，效果以下：
在函數showPdfInFloder中，調用shell.showItemInFolder方法，在文件夾中顯示並選中該文件。
本文內容主要參考node-webkit的官方英文文檔，作了適當的調整（https://github.com/rogerwang/node-webkit/wiki/Shell）。
鄙視不標明出處的轉載，更多相關內容，歡迎訪問玄魂的博客（www.xuanhun521.com）
更多相關內容，歡迎訪問玄魂的博客(更多node-webkit相關內容 http://www.xuanhun521.com/Blog/Tag/node-webkit)
ps：nw.js，electron交流羣 313717550
- 1. NodeWebkit Windows下一鍵打包
- 2. node-webkit教程(10)Platform Service之File dialogs
- 3. node-webkit教程(8)Platform Service之Clipboard
- 4. node-webkit教程(7)Platform Service之APP
- 5. Istio Service Mesh 教程
- 6. Shell教程day03
- 7. Shell 教程
- 8. shell教程
- 9. 什麼是Shell，Shell教程
- 10. shell編程教程
- 更多相關文章...
- • Cargo 教程 - RUST 教程
- • Web Service 實例 - Web Services 教程
- • Github 簡明教程
- • Java 8 Stream 教程
-
每一个你不满意的现在，都有一个你没有努力的曾经。