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