Kuuga——轉化任何 Web 頁面為桌面應用的跨平臺工具

Jrain發表於2019-03-19

Kuuga——轉化任何 Web 頁面為桌面應用的跨平臺工具

下載地址:

Download (MacOS)

Download (Windows)

什麼是 Kuuga

Kuuga 是一個基於 Electron + VueJS 構建的跨平臺桌面應用,能夠轉化任何 Web 頁面為桌面應用。

Kuuga 這個名稱來源於《假面騎士古迦》。古迦是一個為了保護人們笑容而選擇和惡魔戰鬥的英雄,他能夠根據戰鬥場合的不同而切換不同的戰鬥模式——而這款工具也從古迦中獲得了靈感,像古迦的戰鬥一樣,它能夠把不同的 Web 頁面轉化成對應的桌面應用,適應不同的使用場合。

使用方法

當你開啟 Kuuga 的時候,映入眼簾的是一個極簡風格的介面,裡面只包含輸入框和按鈕。

現在讓我們一起來把第一個 Web 頁面轉化成桌面應用吧!

Kuuga——轉化任何 Web 頁面為桌面應用的跨平臺工具

你只需要簡單地把 Web 頁面的地址填寫進去,同時賦予這個應用一個自定義名稱即可。當然你更可以拖入一張 PNG 圖片作為應用的圖示。一切準備就緒之後,點選“Create”按鈕就可以開啟這個應用啦!

Kuuga——轉化任何 Web 頁面為桌面應用的跨平臺工具

可以看到,YouTube 從一個原生視窗被開啟了,意味著它現在已經成為了你的一個桌面應用。

要想管理所新增的應用也是非常簡單的,只需要把滑鼠懸停在應用的圖示上面,即可對對應的應用進行編輯。此外,你也可以從系統狀態列裡面切換不同的應用。

Kuuga——轉化任何 Web 頁面為桌面應用的跨平臺工具

Kuuga——轉化任何 Web 頁面為桌面應用的跨平臺工具

以上就是 Kuuga 的全部用法,是不是很簡單呢?趕緊試試吧!更多的用法還請大家繼續摸索啦!

開發

KuugaElectron + VueJS 構建而成。對於開發者來說,可以根據下面的步驟在自己的機器上跑起來:

  1. 克隆專案到本地:

    git clone https://github.com/jrainlau/kuuga.git
    複製程式碼
  2. 安裝依賴:

    cd kuuga && npm install
    複製程式碼
  3. 分開執行渲染程式和主程式:

    npm run serve
    複製程式碼
    npm run electron:dev
    複製程式碼

在釋出新版本之前,可以先執行 build 命令:

npm run build
複製程式碼

一個包含了 Kuuga 所有可執行程式碼的名為 /release 的目錄已經在根目錄下生成,接下來執行 Electron 檢查一下是否一切執行正常:

npm run electron:build
複製程式碼

如果一切正常,那麼就可以執行把 Kuuga 打包成桌面應用的命令了:

# for MacOS
npm run pack:mac

# for Windows
npm run pack:win
複製程式碼

證書

MIT

相關文章