SinF的Electron系列之三---electron-packager加載第三方資源

hikui 發布于2019-08-23 14:26 / 610人閱讀

摘要：在上篇的系列之二里我提到了，用字段來加載第三方資源。在項目開始的時候，我把第三方資源放到了根目錄的文件夾里，發現并沒有起到加載第三方資源的效果。通用查詢，發現提供字段。

在上篇SinF的Electron系列之二里我提到了，用--extra-resource字段來加載第三方資源。

在項目開始的時候，我把第三方資源放到了根目錄的static文件夾里，發現并沒有起到加載第三方資源的效果。通用查詢，發現electron-packager提供--extra-resource字段。

核心方法，用 --extra-resource 字段來存儲。用 path 模塊來獲取絕對路徑。

核心路徑，Resources文件夾

具體使用方法，

存儲代碼如下：

     --extra-resource=./res/2.dat --extra-resource=./res/1.dat

【注意】./res 是我在根目錄下面自定義的一個第三方資源目錄，可以任意修改。如果有多個第三方資源，可以重復添加。

難點在于如何讀取，我以mac版本的打包文件為例

    Contents
        │   ├── Framworks (electron框架文件)
        │?? ├── MacOS
        │?? │?? ├── 項目
        │?? └── Resources（資源）
        │?? │?? └── electron.asar(打包后的執行文件,asar格式即加密格式，只能通過node.js的fs模塊解析)
        │?? │?? └── ...(其他資源)
        │?? │?? └── 1.dat
        │?? │?? └── 2.dat

通過分析文件結構可以知道，我們打包后的執行文件，在 Resources 文件中，項的electron.asar包里。而第三方文件被放置到了 Resources 根目錄下，所以 加載第三方資源 可以轉換為，獲取Resources文件夾中的資源

常用的“../”這里是不行的，需要用的 node.js 中的 path模塊，代碼如下：

const url = path.resolve(__dirname, "..")
this.datUrl = url + "/1.dat"

其中： path.resolve(__dirname, "..")表示當前目錄的父目錄的絕對路徑，即Resource 目錄的絕對路徑

這樣，就可以獲取到第三方文件了。

GPU云服務器云服務器加載資源 SinF cdn靜態資源加載慢 electron

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100617.html

SinF的Electron系列之二---electron-packager命令簡析

摘要：我使用來打包文件，打包的特點是，要寫一大串命令，或者在根目錄下的文件中配置相應的字段如下項目項目項目簡單介紹一下用到的打包字段，詳細我使用electron-packager來打包文件，electron-packager打包的特點是，要寫一大串命令，或者在根目錄下的package.json文件中配置相應的字段如下： scripts: { start: electron ., ...

wawor4827 2019-08-23 14:26 評論0 收藏0
SinF的Electron系列之一---Cookie和localStorage

摘要：不支持之前在瀏覽器中使用的方法，暫時采用解決。需默認的是保存在主流程里面，所以需要使用模塊提取的函數，我改寫成了，用參考博客里面的方法，無法獲得的返回值。官方文檔參考博客使用代碼通過模塊取的原本在主進程中才能使用的模塊獲得清空緩存保存名稱值 Electron不支持之前在瀏覽器中使用localstroage的方法，暫時采用cookie解決。需Electron默認的cookie是保存在...

wangxinarhat 2019-08-23 14:12 評論0 收藏0
Electron 實戰桌面計算器應用

摘要：在菜單中，我想點擊子菜單打開一個網站，那么就可以用到方法，則會在默認瀏覽器中打開打包應用其實將程序打包成桌面應用才是比較麻煩的事。前言 Electron 是一個搭建跨平臺桌面應用的框架，僅僅使用 JavaScript、HTML 以及 CSS，即可快速而容易地搭建一個原生應用。這對于想要涉及其他領域的開發者來說是一個非常大的福利。項目介紹倉庫地址：lin-xin/calculato...

GeekQiaQia 2019-08-20 19:09 評論0 收藏0
electron 將pc端（vue）頁面打包為桌面端應用

摘要：于是乎，就想著把自己寫的這個小項目打包成桌面端，方面每次打開電腦就能看。然后繼續運行，然后白屏習慣性的首次失敗。。解決方法進入文件夾下的將其中的修改為相對路徑。再次運行，成功將的項目，顯示為桌面應用。總結至此，打包桌面端就這樣完成了。背景 showImg(https://segmentfault.com/img/bVYowg?w=1922&h=862); 最近在學習RxJS，平時邊看...

Dongjie_Liu 2019-08-21 17:35 評論0 收藏0
Electron 快速入門

摘要：當一個實例被銷毀后，相應的渲染進程也會被終止。之所以命名為，主要是為了與主進程這個概念對應。部分在事件觸發后才能使用。當全部窗口關閉時退出。主進程接收到消息并處理之后，會返回處理結果。簡介 Electron 是一個可以使用 Web 技術如 JavaScript、HTML 和 CSS 來創建跨平臺原生桌面應用的框架。借助 Electron，我們可以使用純 JavaScript 來調用豐...

Drummor 2019-08-20 17:49 評論0 收藏0