Nativefier — 將你的網頁變成桌面應用程式

今天分享一個好用的 JS 套件，叫做 Nativefier。有些常用的網頁，想直接用開始列的捷徑啟動或是呼叫快捷啟動。但是官方又還沒有出桌面應用怎麼辦？這時候 Nativefier 就派上用場了。輕鬆將你的網頁變成桌面應用。

安裝教學

首先電腦需要先安裝 Node.js，請至官網下載。Windows 和 Mac 環境皆適用。

安裝好之後打開命令列，輸入以下指令即可安裝完成。

npm install -g nativefier

將網頁化作桌面版應用程式

下一步是要將我們常用的網頁變成桌面版應用程式。打開終端機(terminal)將想要的網站建立成應用程式名稱。

nativefier --name '應用程式名稱' '網址'

例如：我要將 Medium 變成應用程式，此時應用程式名稱我設定為 medium，網址設定為 medium.com

nativefier --name 'medium' 'medium.com'

這樣就產生了第一個桌面應用程式。

或是你想將 What’s APP 變成桌面應用，也非常的簡單

source: https://github.com/nativefier/nativefier

source: https://github.com/nativefier/nativefier

分享一下我的使用情境

情境一：白噪音

我自己是將一些常用的網頁，例如：brain.fm (白噪音軟體) 變成桌面應用，方便快速呼叫。

安裝指令：
nativefier --name 'brain.fm' 'https://my.brain.fm/'

情境二：專案管理軟體

我用的專案管理軟體是 Asana，不過現在已經有官方的桌面程式可以用。以前要使用 Asana 做為桌面程式的話需要購買非官方軟體。大人這是無本生意呀！

安裝指令：
nativefier --name 'asana.com' 'https://app.asana.com/-/login'

情景三：PTT

PTT 網頁版已經越來越強大且穩定，已經全面棄用其他登入方式，全面使用網頁版。兼具連線速度與安全。

安裝指令：
nativefier --name ‘PTT’ ‘https://term.ptt.cc/'

情景四：Google Calendar

Google calendar 比較特殊的地方是，指令需要加上使用的瀏覽器 才可以成功開啟

安裝指令：
nativefier - name 'gcal - google calendar' - user-agent safari 'https://calendar.google.com/calendar/'

心得

Nativefier 雖然是一個小東西，但是使用起來增加開發效率的爽度滿高的。然後我一直忘記這個套件名稱叫做什麼名字，所以寫一篇來記錄一下，謝謝收看。