前言

node-webkit可謂是webapp開發神器，支援windows、mac、linux,但是打包是個問題，總不能在三個系統裡面打包吧。

官方也有打包工具，但是總覺得挺麻煩的。

於是想著linux可不可以通過shell來實現跨平臺打包。

實現

發現一位大神寫的指令碼，但是由於node-webkit改名為nwjs,且該指令碼windows、mac下的指令碼有問題，因此對它進行了一些修改。

#!/bin/bash
# by minghuazhou
# init your app info
app_name="toopos"
app_dir="/home/qiqi/toopos_/trunk/tooposWeb/build"

win_nw_zipfile="/home/qiqi/toopos_/trunk/tooposBuilder/codes/nwjs-v0.12.3-win-ia32.zip"
linux_nw_tarfile="/home/qiqi/toopos_/trunk/tooposBuilder/codes/nwjs-v0.12.3-linux-x64.tar.gz"
mac_nw_zipfile="/home/qiqi/toopos_/trunk/tooposBuilder/codes/nwjs-v0.12.3-osx-ia32.zip"

# read pack_flag
w=false && l=false && m=false && o=false
while getopts "wlmo" arg # -w:windows -l:linux -m:mac -o:overwrite
do
case $arg in
            w)
                w=true
                ;;
            l)
                l=true
                ;;
            m)
                m=true
                ;;
o)
o=true
;;
            ?)
            echo "unkonw argument"
        exit 1
        ;;
    esac
done

if [ ${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}_mac
fi

# create app.nw file
cd $app_dir
zip -r app.nw ./* 
app_nwfile=${app_dir}/app.nw

if [ ${w} = true ]; then
echo "creating windows *.exe file..."
unzip $win_nw_zipfile -d ${app_name}_win && cd ${app_name}_win
winzipdir=$(ls  -ad */)
mv ${winzipdir}* ./
cat nw.exe $app_nwfile > ${app_name}.exe
rm -rf ${winzipdir} nw.exe nwsnapshot.exe credits.html
cd ..
echo "create windows app success!"
else
echo "ignore windows app"
fi

if [ ${l} = true ]; then
echo "creating linux execute file..."
tar -xf $linux_nw_tarfile -C ./
tardir=${linux_nw_tarfile%.tar*} && tardir=${tardir##*/} # rename tardir
mv  $tardir ${app_name}_linux && cd ${app_name}_linux
cat nw $app_nwfile > ${app_name} && chmod +x ${app_name}
rm -rf nw nwsnapshot credits.html
cd ..
echo "create linux app success!"
else
echo "ignore linux app"
fi

if [ ${m} = true ]; then
echo "creating mac execute file..."
unzip $mac_nw_zipfile -d ${app_name}_mac && cd ${app_name}_mac
maczipdir=$(ls  -ad */)
mv ${maczipdir}* ./
if [ -f ${app_dir}/Info.plist ];then
    cp ${app_dir}/Info.plist nwjs.app/Contents/
fi
cp $app_nwfile nwjs.app/Contents/Resources/
if [ -f ${app_dir}/app.icns ];then
    cp ${app_dir}/app.icns nwjs.app/Contents/Resources/
fi
mv nwjs.app ${app_name}.app
rm -rf ${maczipdir} nwsnapshot credits.html
cd ..
echo "create mac app success!"
else
echo "ignore mac app"
fi

# remove app.nw
rm -f app.nw
 

一.從nwjs官網上下載三個平臺的包

這裡取了win32、linux64、mac32的包

二.修改shell指令碼中app名稱、路徑、各平臺包檔案地址

app_name="toopos"
app_dir="/home/qiqi/toopos_/trunk/tooposWeb/build"

win_nw_zipfile="/home/qiqi/toopos_/trunk/tooposBuilder/codes/nwjs-v0.12.3-win-ia32.zip"
linux_nw_tarfile="/home/qiqi/toopos_/trunk/tooposBuilder/codes/nwjs-v0.12.3-linux-x64.tar.gz"
mac_nw_zipfile="/home/qiqi/toopos_/trunk/tooposBuilder/codes/nwjs-v0.12.3-osx-ia32.zip"
 

四.效果圖（mac上沒有試過，窮逼一個）