1. 程式人生 > >【Electron】 NSIS 打包 Electron 生成exe安裝包

【Electron】 NSIS 打包 Electron 生成exe安裝包

上一篇文章我們已經得到了electron打包好的應用了,目錄如下,但是我們如何整合成一個安裝程式,發給客戶使用呢?

這一篇文章我們使用NSIS來打包Electron安裝程式

NSIS操作簡單,而且打包出來的安裝包,安裝過程和解除安裝過程都更加正規。推薦使用

一. 準備

    1.下載NSIS軟體,安裝

npm install -g asar

二. 打包    

    1.在我們electron最初的目錄myApp下執行下面命令,生成asar包

asar pack ./index.html app.asar
    得到app.asar包

    2.將app.asar放到文章開始圖片得到目錄下的resources資料夾下


    3.開啟NSIS

    1)選擇視覺化指令碼編輯器

    

    2)選擇使用指令碼嚮導建立新的指令碼檔案,確定

    

    3)下一步

   

    4)設定應用名稱,版本號,網址,標誌隨便自定義一個就好,然後下一步

    

    5)設定安裝程式圖示(圖示必須是ico格式),名稱,語言(SimpChinese),介面,然後下一步

    

    6)預設,直接下一步就好

    

    7)授權檔案有就填,沒有就填空白   然後下一步

    

    8)新增應用程式檔案,預設兩個檔案選中,刪除

    

    9)點選新增檔案

    

    新增HelloWorld.exe檔案,確定

    


    10)點選AddDirTree 

    

    選擇HelloWorld-win32-x64資料夾,選中包含子目錄,確定,然後下一步

    

    11)可修改開始選單名稱,然後下一步

    

    12)可設定安裝成功後啟動的程式,預設就是我們打包後的啟動程式,下一步

    

    13)設定一些解除安裝時介面的提示資訊,然後下一步

    

    14)儲存我們的指令碼,完成,儲存到桌面

    

            

        15)開啟指令碼檔案,編譯及執行

            

    16)開始編譯,請等待

    

    17)編譯完就可以安裝啦

    

    

三. 其他

    如果你電腦安裝了360,安裝過程中可能會報病毒,點信任就好,

    官方說使用asar pack ./index.html app.asar --unpack *.node 得到app.asar可以防止防毒軟體的注意,但是我用過之後並沒有效果,都躲不過360的注意,但是不影響流程,如果有人解決了360誤報的問題,希望可以告訴我,謝謝 ^_^