国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

node-webkit實(shí)踐－一鍵安裝

yy736044583 / 1307人閱讀

摘要：博客原文地址實(shí)踐一鍵安裝前言很久以前我簡單的寫過關(guān)于的使用但是我在更換博客的時候丟棄了，我在下面的文章把它引用一遍。

博客原文地址node-webkit實(shí)踐－一鍵安裝

前言 
  
很久以前我簡單的寫過關(guān)于node-webkit的使用,但是我在更換博客的時候丟棄了，我在下面的文章把它引用一遍。

  node-webkit其實(shí)在很多地方用處很大，請自行發(fā)散。

  本文的相關(guān)代碼：點(diǎn)擊查看demo的代碼

本文會根據(jù)以前的文章進(jìn)行實(shí)踐，同樣會變更一些地方。主要從以下幾個方法介紹：

獲取node-webkit

以我的博客為例制作一個客戶端。

windows下打包一個一鍵安裝包

引用

最近開發(fā)艾聯(lián)的商家管理web后臺，由于后臺的效果采用了html5，為了照顧到所有低版本瀏覽器的商家，開始了無休止的兼容性調(diào)試，但是最終還是沒有達(dá)到預(yù)期。

為了提供更好的體驗(yàn)，決定采用pc客戶端的形勢展示商家管理后臺。
查了一下資料，發(fā)現(xiàn)有兩款基于node的客戶端打包工具
appjs：https://github.com/appjs/appjs
node-webkit: https://github.com/rogerwang/node-webkit
因?yàn)橄瓤吹降氖莕ode-webkit所以就采用了這種方式
作用：將web轉(zhuǎn)化成原生桌面的應(yīng)用（win，linux，mac）
步驟：
1. 制作web頁面
2. 打包文件，參考如何打包你的app
3. win下可以通過Inno等軟件制作安裝包
問題：
4. 64位運(yùn)行：因?yàn)樽约荷担婚_始沒看懂a(chǎn)pi，后來看懂了，直接把包放到目錄下運(yùn)行就好了
5. 軟件更新：這是我沒有解決的地方，因?yàn)闆]辦法直接去修改打包的內(nèi)容，所以沒辦法去更新。我只好退而求其次，直接把

我的地址放在了配置文件中。這樣我就不用擔(dān)心軟件的更新了

最終的windows版就直接可以打包成了安裝包。由于屬于公司產(chǎn)品，所以沒有辦法開放我的源碼，請見諒。

獲取node-webkit

git地址

很好的中文手冊&教程

實(shí)際例子 
  
大家現(xiàn)在瀏覽的是我的博客，我們以這個博客為例子，分別進(jìn)行封裝。因?yàn)槲业牟┛妥鲞^自適應(yīng)，所以我們自己來把它變成一個小型的桌面應(yīng)用。

下載node-webkit 32位
這里可以很好的下載各種版本的。我下載32位的。

解壓配置
解壓你下載的文件包，在里面新建一個文件夾，我命名為我的博客名稱“cindy”

添加配置文件package.json
我的配置文件很簡單，因?yàn)槲沂沁h(yuǎn)程加載的。

    {% highlight json %}
    {
      "main": "http://cindyfn.com",

      "name": "cindy-blog",

      "description": "會寫ios的前端",

      "version": "0.1.0",

      "keywords": [ "web","IOS","nodejs","javascript","js","object-c","前端開發(fā)","ios開發(fā)" ],

      //定義windows表現(xiàn)
        "window": {

        "title": "cindy的博客",

        "icon": "logo.png",

        "toolbar": false,

        "frame": true,

        "width": 320,

        "height": 500

        }
    }
    {% endhighlight %}

打包運(yùn)行

  
備：windows下運(yùn)行可以將cindy文件夾拖拽到nw.exe中進(jìn)行展示

打包：在windows下打包c(diǎn)indy文件夾下文件為cindy.zip打包，并修改名字為cindy.nw
打包exe: copy /b nw.exe+cindy.nw cindy.exe

這樣就會在文件夾下又一個cindy.exe，點(diǎn)擊運(yùn)行就會看到相應(yīng)的效果。

不過。你不要以為這樣就大功告成了，你嘗試把cindy.exe多帶帶拿出來運(yùn)行，貌似不能運(yùn)行了。為什么？以為它的運(yùn)行是依賴包內(nèi)的chrome的，你多帶帶拿出來當(dāng)然不能運(yùn)行了。不過別急，繼續(xù)往下面看，教你如何打包安裝包。

  
切換到windows電腦。有點(diǎn)不習(xí)慣。

windows下封裝 
  
趣：由于我目前用的是mac，沒有win系統(tǒng)，所以把我塵封已久的電腦拿出來了，畫質(zhì)不好不要怪我。

node-webkit官方建議使用的封裝軟件是Inno,點(diǎn)擊查看詳情
具體的使用方式可以參考這里如何封裝EXE安裝程序

我已經(jīng)按照這個步驟封裝了我的博客exe，參見這里cindysetup.exe

說在后面

本文是針對windows進(jìn)行封裝，你也可以嘗試使用mac，linux下的封裝。希望你能夠分享下。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/49557.html

相關(guān)文章

  • 分享一個用vue2 + node-webkit + koa2 + mongodb開發(fā)的，可以實(shí)時編輯

    摘要：若用戶已登錄，數(shù)據(jù)存儲在遠(yuǎn)程服務(wù)器用戶未登錄時，數(shù)據(jù)存儲在。開發(fā)服務(wù)端部署服務(wù)端已經(jīng)部署在我自己的服務(wù)器上，不需要你進(jìn)行部署啦。有什么好的建議也可以提哈 記事本 showImg(https://segmentfault.com/img/remote/1460000013228992?w=50&h=50); 該項(xiàng)目分為兩部分：桌面客戶端(node-webkit) + 服務(wù)端(koa2)...

    LeoHsiun 評論0 收藏0

  • NW.js+Enigma Virtual Box+node-webkit打包Hybrid桌面應(yīng)用其實(shí)

    摘要：在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑颍枰诒旧泶a或框架不能兼容的瀏覽器下運(yùn)行項(xiàng)目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好。如果圖標(biāo)有變化，大功告成我的沒有換圖標(biāo)，所以依然是的圖標(biāo) WHY 在很多原因下，我們?yōu)榱擞峡蛻艋蛘咂渌脑颍枰诒旧泶a或框架不能兼容的瀏覽器下運(yùn)行項(xiàng)目，怎么辦呢，我們將其打包為桌面應(yīng)用不失為一種好idea。nw.js是node-webkit...

    microcosm1994 評論0 收藏0

  • node-webkit文檔翻譯#package.json

    摘要：文檔翻譯基本示例必填字段字符串當(dāng)打開時的默認(rèn)頁面。可通過訪問控制窗口的樣子，后文細(xì)講。禁止選中文字拖動布爾值是否在任務(wù)欄上顯示。布爾值是否處于狀態(tài)，在狀態(tài)下將全屏并且阻止用戶關(guān)閉窗口。 title: node-webkit文檔翻譯#package.json date: 2013-12-07 21:38:25 tags: node-webkit 基本示例 { main: i...

    luodongseu 評論0 收藏0

  • Yeoman-- 一個強(qiáng)大的前端構(gòu)建工具

    摘要：通過官方的生成器，他們建立了一個的工作流，這個流是由一個強(qiáng)大的固定的客戶端組建，包含工具和框架幫助開發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡書上： Yeoman-- 一個強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工！！ 上期跟大家試了試Vue-cli這個構(gòu)建工具，這個讓我想起了很多其他的前端工具，其中一個就是Yeoman（上次就劇透了的）,所以這期跟大家先簡單介紹下這個腳手架工具，然后慢慢一步...

    寵來也 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<