資訊專欄INFORMATION COLUMN
摘要：在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑颍枰诒旧泶a或框架不能兼容的瀏覽器下運(yùn)行項(xiàng)目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好。如果圖標(biāo)有變化，大功告成我的沒有換圖標(biāo)，所以依然是的圖標(biāo)
WHY
在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑?，需要在本身代碼或框架不能兼容的瀏覽器下運(yùn)行項(xiàng)目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好idea。nw.js是node-webkit.js的簡稱。相當(dāng)于一個(gè)自定義的webkit內(nèi)核瀏覽器（chrome）中執(zhí)行服務(wù)端代碼，因此，我們的項(xiàng)目只需要兼容chrome就ok了。第一次打包的時(shí)候，在網(wǎng)上找了好多教程，可是怎么都打不出來，經(jīng)過自己的探究后，也希望大家可以少才點(diǎn)坑吧。
HOW首先我們需要以下幾個(gè)軟件，如果沒有，點(diǎn)擊其對應(yīng)超鏈接進(jìn)入下載
STEP 1.準(zhǔn)備工作1.nw.js nw.js 也可以進(jìn)行npm安裝 """npm install nw -g"""
2.Enigma Virtual Box Enigma Virtual Box
一切需在你的項(xiàng)目打包結(jié)束后進(jìn)行，例子中的項(xiàng)目打包結(jié)束后，會在dist文件夾中。按照下面的規(guī)則建立文件
nwjs----package.json
|
---src
|
---package.json
本例子的文件夾名為nwjs，在nwjs下新建src文件與package.json文件，然后，在src文件中新建package.json文件，并將打包好的文件全部copy進(jìn)src中
外層的package代碼如下
{
"name": "vein_web",
"version": "1.0.0",
"devDependencies":{
"nw":"^0.18.2",
"nw-builder":"^3.1.2"
},
"scripts":{
"dev":"nw src/",
"prod":"nwbuild --platforms win32 --buildDir dist/ src/" ======根據(jù)你的需要，我的例子只輸出win32
}
}
src中的package.json代碼如下
{
"name":"nwjs",
"version": "1.0.0",
"main":"index.html",
"window":{
"min_width":400,
"min_height":400
}
}
2.安裝并進(jìn)行生產(chǎn)構(gòu)建
在根目錄下（我的為nwjs文件）執(zhí)行yarn install，然后你就靜靜的wait。
在這里使用npm與yarn沒有差別，只不過我突然發(fā)現(xiàn)我現(xiàn)在喜歡用yarn而且能稍微快一點(diǎn)點(diǎn)，如果你習(xí)慣npm也無妨
接著在根目錄下執(zhí)行yarn run prod
時(shí)候 你的文件夾會發(fā)生變化，就像這樣
按照這個(gè)路徑找到你命名的文件（exe結(jié)尾），雙擊打卡，如果你的項(xiàng)目啟動(dòng)了，你就成功一半了，當(dāng)然，此時(shí)，如果你將此文件脫離文件夾是不會運(yùn)行的，會alert下面的對話框，好，我們繼續(xù)。
擊第一個(gè)Brower選擇nwjs構(gòu)建好的exe結(jié)尾的文件
2.點(diǎn)擊左下角的Add按鈕==》點(diǎn)擊Add Files，選擇除了exe結(jié)尾的全部文件
3.點(diǎn)擊Add按鈕==》點(diǎn)擊New Folders，新建一個(gè)locales文件夾
4.右擊新建的licales文件==》Add Files，添加locales中的所有文件
5.點(diǎn)擊Files Option==》Compress Files
6.點(diǎn)擊右下方的Process按鈕，運(yùn)行完畢后會生產(chǎn)boxed文件
OK，剛才生產(chǎn)好的boxed文件就是我們辛苦半天的結(jié)晶，你可將他多帶帶拉出去脫離原文件夾，也是可以運(yùn)行的
不過現(xiàn)在我們的應(yīng)用是nwjs的圖標(biāo)，下面 ，我們?nèi)Q應(yīng)用的圖標(biāo)
下載Resource Hacker后，打開你的boxed應(yīng)用==》右擊icon group==》然后選擇你準(zhǔn)備好的圖標(biāo)==》save
這里需要注意的是圖標(biāo)應(yīng)為icon格式，換完之后，你可能會發(fā)現(xiàn)圖標(biāo)沒有變，你不妨試試將你的應(yīng)用換一個(gè)盤存放或者壓縮后發(fā)給你的好友，在他的電腦打開看看。如果圖標(biāo)有變化，大功告成
我的沒有換圖標(biāo)，所以依然是nwjs的圖標(biāo)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/83655.html
摘要：下面這張解決了怎么用完成任務(wù)的問題，最后，開發(fā)者怕你懷疑的強(qiáng)大，又提供了幾個(gè)和許多成功的案例來打消我們的顧慮。拿下助攻決定用之后，就開始補(bǔ)充相應(yīng)的知識啦。來欣賞一下一些應(yīng)用的截圖吧，不得不說開發(fā)出的應(yīng)用一點(diǎn)不比原生的丑陋啊。 博客地址 每個(gè)程序員都希望用自己喜歡的語言，自己喜歡的平臺、工具，寫自己喜歡的程序。于是我們會看到有人在Win下用Visual Studio愉快地coding，也...
摘要：與是年最早公開發(fā)布的兩個(gè)框架，后來者還包括與。此外，另一重心是與團(tuán)隊(duì)的合作，預(yù)計(jì)將貫穿年。年展望對平臺而言，年的重點(diǎn)是提升穩(wěn)定性與采納率。最早由開發(fā)，于年公開發(fā)布。時(shí)間會告訴我們，的極速增長能否在年持續(xù)下去。 【編者按】本文作者為資深 Web 開發(fā)者 TJ VanToll, TJ 專注于移動(dòng)端 Web 應(yīng)用及其性能，是《jQuery UI 實(shí)踐》 一書的作者。 本文系 OneAPM 工...
摘要：歡迎使用中文文檔架構(gòu)概覽是網(wǎng)易項(xiàng)目團(tuán)隊(duì)開發(fā)的一個(gè)基于進(jìn)行開發(fā)的應(yīng)用層框架，提供了一個(gè)輕量級的容器來編寫簡單可維護(hù)的。 JavaScript 可以……嘛，不就是操作一下 DOM，可以讓元素飛來飛去嗎JavaScript 是……不就是用 jQuery 讓網(wǎng)頁動(dòng)起來，頂多就是再用用 Ajax 和后端進(jìn)行一下數(shù)據(jù)交換嗎JavaScript 是一門……最討厭和鄙視這種弱類型不需要編譯的腳本語言...
閱讀 2339·2021-11-22 14:56
閱讀 1478·2021-09-24 09:47
閱讀 913·2019-08-26 18:37
閱讀 2832·2019-08-26 12:10
閱讀 1528·2019-08-26 11:55
閱讀 3150·2019-08-23 18:07
閱讀 2306·2019-08-23 14:08
閱讀 611·2019-08-23 12:12
