1. 程式人生 > >5分鐘把任意網站變成桌面軟件

5分鐘把任意網站變成桌面軟件

轉換 tar ctr 不能 str 分享圖片 selector 美的 eight

原文 :https://segmentfault.com/a/1190000012924855

以前,開發一個桌面軟件要花費大量的人力和時間。現在,隨著web技術的快速發展,很多業務邏輯已經在網站上實現。既然如此,能不能把網站快速轉變成軟件呢?這方面的實踐已經有很多,早期的Qt,後來的Electron,都可以實現跨平臺桌面軟件的開發。不就是內嵌一個瀏覽器麽?能不能快一些?再快一些?今天,給大家介紹一個工具,讓你5分鐘之內就把一個網站變成一個可安裝的桌面軟件。

制作軟件

讓我們以https://segmentfaut.com這個網站為例來制作我們的軟件。

安裝工具

一句話搞定:

npm i -g nativefier

開始制作

一句話搞定:

nativefier "https://segmentfault.com"

運行軟件

好了,軟件制作好了,看看效果吧:

技術分享圖片

就是這麽簡單,有沒有?

可選步驟

以上是必經步驟,以下是可選步驟。

作人不可過於懶惰,進門之後,多多少少還是需要調整一下的。Nativefier提供了很多選項可供設置,包括應用軟件名稱、圖標、初始窗口尺寸、是否全屏等等等等,具體可以到官網查詢。

同時,在設置好這些選項之後,為了便於以後調整和使用,最好是做一個批處理腳本:

#!/bin/bash

nativefier --name "SegmentFault" "https://segmentfault.com/"

調整完參數之後,重新運行這個腳本就可以了。

制作安裝包

制作完軟件之後,我們得到是一個名為SegmentFault.app的應用程序,雖然已經可以執行了,但看上去不夠專業,專業的安裝包都是.dmg為後綴的文件,接下來我們就來制作一個.dmg

打開Mac自帶的磁盤工具,新建一個空白映像

技術分享圖片

初始時的大小設置為200MB,因為缺省的100MB放不下安裝文件,但是這個尺寸後面可以壓縮,所以即使設置為300MB也沒關系的。

技術分享圖片

建好之後,雙擊圖標打開這個文件,把剛才上面做好的SegmentFault.app拷貝進去,然後再在裏面建立一個指向Applications文件夾的快捷方式,右鍵菜單點擊顯示選項,勾選『始終以圖標顯示方式打開

』,調整圖標大小,在最下面挑選一張帶箭頭的圖片作為背景。

技術分享圖片

最後,再次打開磁盤工具,先推出剛才的這個文件,然後點擊菜單『映像』-『轉換』,把它壓縮一下,一個完美的dmg安裝包就制作好了。

技術分享圖片

新的安裝包大小大約是51MB,我把它上傳到百度網盤了,有需要的同學可以下載安裝試用一下。Windows的安裝包我就不制作了,制作軟件方法類似,只是在制作安裝包的時候,Windows要稍微麻煩一些。

怎麽樣,制作一個桌面軟件是不是很容易呢?你也來學著把貴司的網站變成軟件吧!

5分鐘把任意網站變成桌面軟件