今天下午發(fā)現(xiàn)了個(gè)好玩的東西（node-webkit），這東西有一直是我想實(shí)現(xiàn)的功能：使用html編寫(xiě)桌面應(yīng)用，實(shí)現(xiàn)跨平臺(tái)；

具體實(shí)現(xiàn)方法：結(jié)合Chrome瀏覽器內(nèi)核和node.js搭建一個(gè)跨平臺(tái)的應(yīng)用運(yùn)行環(huán)境（node-webkit is an app runtime based on Chromium and node.js.）

可是這東西好像還沒(méi)有一個(gè)像樣的IDE，沒(méi)有自動(dòng)打包成應(yīng)用的功能，雖然手動(dòng)打包的步驟也不麻煩，但作為程序猿的我，不得不用更“高級(jí)”方法實(shí)現(xiàn)啦~~O(∩_∩)O哈哈~

先說(shuō)說(shuō)手動(dòng)打包吧：

windows：將你的app文件用zip壓縮打包，更名為成app.nw，然后直接將nw.exe和app.nw合并為app.exe即可（注意nw.exe文件夾下的庫(kù)和nw.pak不能刪）。

linux：將你的app文件用zip壓縮打包，更名為成app.nw，然后直接將nw和app.nw合并為app即可（注意要給app文件加上運(yùn)行權(quán)限：chmod +x app）

mac：node-webkit.app/Contents/Resources/，將system-info打包成app.nw后，放入該目錄即可（還有一些圖標(biāo)文件也要處理，由于我還沒(méi)在mac平臺(tái)上測(cè)試，就先不詳述了，等我上我的黑蘋(píng)果測(cè)試通過(guò)了再說(shuō)吧）

我是在Ubuntu上打包的，不喜歡用windows的命令行，在windows下工作的伙伴們可以試試cygwin.當(dāng)然我不是啥linux大神啦，我是菜鳥(niǎo)級(jí)的，之前寫(xiě)過(guò)最長(zhǎng)的shell代碼應(yīng)該沒(méi)有超過(guò)30行，今天破紀(jì)錄了，空了好多空行，看了下有90行了，O(∩_∩)O哈哈~廢話不多說(shuō)了，先直接上代碼了：

shell#!/bin/bash# by VellBibi# init your app infoapp_name="vview"app_dir="/files/Web/PRojects/vview/"win_nw_zipfile="/files/Web/Codes/node-webkit-v0.9.2-win-ia32.zip"linux_nw_tarfile="/files/Web/Codes/node-webkit-v0.9.2-linux-x64.tar.gz"mac_nw_zipfile="/files/Web/Codes/node-webkit-v0.9.2-osx-ia32.zip"# read pack_flag w=false && l=false && m=false && o=falsewhile getopts "wlmo" arg # -w:windows -l:linux -m:mac -o:overwritedocase $arg in             w)                w=true                ;;             l)                l=true                ;;             m)                m=true                ;; o)o=true;;             ?)            echo "unkonw argument"        exit 1        ;;    esacdoneif [ ${o} = true ]; then#remove old file[ ${w} = true ] && rm -rf ${app_name}_win[ ${l} = true ] && rm -rf ${app_name}_linux[ ${m} = true ] && rm -rf ${app_name}_macfi# create app.nw filecd $app_dirzip app.nw ./*app_nwfile=${app_dir}/app.nwif [ ${w} = true ]; thenecho "creating windows *.exe file..."unzip $win_nw_zipfile -d ${app_name}_win && cd ${app_name}_wincat nw.exe $app_nwfile > ${app_name}.exerm -rf nw.exe nwsnapshot.exe credits.htmlcd ..echo "create windows app success!"elseecho "ignore windows app"fiif [ ${l} = true ]; thenecho "creating linux execute file..."tar -xvf $linux_nw_tarfile -C ./tardir=${linux_nw_tarfile%.tar*} && tardir=${tardir##*/} # rename tardirmv  $tardir ${app_name}_linux && cd ${app_name}_linuxcat nw $app_nwfile > ${app_name} && chmod +x ${app_name}rm -rf nw nwsnapshot credits.htmlcd ..echo "create linux app success!"elseecho "ignore linux app"fiif [ ${m} = true ]; thenecho "creating mac execute file..."unzip $mac_nw_zipfile -d ${app_name}_mac && cd ${app_name}_macif [ -f ${app_dir}/Info.plist ];then    cp ${app_dir}/Info.plist node-webkit.app/Contents/ficp $app_nwfile node-webkit.app/Contents/Resources/if [ -f ${app_dir}/app.icns ];then    cp ${app_dir}/app.icns node-webkit.app/Contents/Resources/fimv node-webkit.app ${app_name}.apprm -rf nwsnapshot credits.htmlcd ..echo "create mac app success!"elseecho "ignore mac app"fi# remove app.nw rm -f app.nw

使用方法：

將代碼保存到一個(gè).sh文件里并添加運(yùn)行權(quán)限，修改你的app_name(應(yīng)用名稱(chēng)),app_dir（你的應(yīng)用所在的文件夾全路徑），win_nw_zipfile（你的windows版本node-webkit的zip文件路徑），linux_nw_tarfile（你的linux版本node-webkit的tar文件路徑），mac_nw_zipfile（你的mac版本node-webkit的zip文件路徑）

運(yùn)行你的.sh文件(如：packer.sh)，有四個(gè)參數(shù)可以給定：

1. -w : 打包windows下的運(yùn)行文件到 [your_app_name]_win文件夾下
2. -l : 打包linux下的運(yùn)行文件到[your_app_name]_linux文件夾下
3. -m : 打包mac下的運(yùn)行文件到[your_app_name]_mac文件夾下
4. -o : 覆蓋之前打包過(guò)的文件(沒(méi)有加這一項(xiàng)的話中間會(huì)有提示是否覆蓋文件)

如果你想的到windows下和linux下的運(yùn)行文件，同時(shí)覆蓋老版本文件：sh packer.sh –wlo

你會(huì)發(fā)現(xiàn)在你的項(xiàng)目文件夾下多出了兩個(gè)文件夾：[your_app_name]_win ，[your_app_name]_linux