成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

hikui / 629人閱讀

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

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

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

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

核心路徑，Resources文件夾

具體使用方法，

存儲代碼如下：

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

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

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

右鍵進(jìn)入app的文件目錄，目錄如下：

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

通過分析文件結(jié)構(gòu)可以知道，我們打包后的執(zhí)行文件，在 Resources 文件中，項(xiàng)的electron.asar包里。而第三方文件被放置到了 Resources 根目錄下，所以 加載第三方資源 可以轉(zhuǎn)換為，獲取Resources文件夾中的資源

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

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100617.html

相關(guān)文章

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

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

    wawor4827 評論0 收藏0

  • SinF的Electron系列之一---Cookie和localStorage

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

    wangxinarhat 評論0 收藏0

  • Electron 實(shí)戰(zhàn)桌面計(jì)算器應(yīng)用

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

    GeekQiaQia 評論0 收藏0

  • electron 將pc端（vue）頁面打包為桌面端應(yīng)用

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

    Dongjie_Liu 評論0 收藏0

  • Electron 快速入門

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

    Drummor 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<