lectron是一個使用 JavaScript、HTML 和 CSS 構建桌面應用程序的框架，內嵌Chromium，Nodejs，可以用JavaScript寫同一份代碼，發(fā)布到不同平臺的本地應用，支持Windows、macOS，Linux。

通過它可以把我們日常用的一些網(wǎng)頁進行包裝，做成桌面上點開的應用，想用的時候直接點開就行了，不用打開谷歌、微軟等瀏覽器，輸入網(wǎng)頁進到網(wǎng)站那么麻煩。下面看一下實際代碼示例和演示效果。

1、安裝node，npm

2、新建一個文件夾，命名為項目名字，比如my-electron-app，切換到該目錄下運行命令：

mkdir my-electron-app && cd my-electron-app
npm init

在該目錄下會生成一些代碼文件，其中package.json中有一些對項目的描述和作者描述，最重要的是main：main.js，表名程序的主入口是main.js文件代碼。

3、將electron包安裝到開發(fā)依賴中，

npm install --save-dev electron

4、在項目目錄下的package.json配置文件中的scripts字段下增加一條start命令：

5，在項目目錄下新建main.js文件，添加代碼

const path=require('path')
const { app, BrowserWindow }=require('electron');
function createWindow () {
  const win=new BrowserWindow({
    width: 800,
    height: 600
  })

  win.loadURL('https://music.163.com/')
}

app.whenReady().then(()=> {
  createWindow()
})

app.on('window-all-closed', function () {
  if (process.platform !=='darwin') app.quit()
})

這里示例，我們將網(wǎng)易云音樂網(wǎng)頁包裝成桌面應用，圖標點開直達網(wǎng)易云音樂。

6、執(zhí)行命令，運行看效果

<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

7、這里介紹了Electron的簡單用法示例，還有更多更深層次的應用大家可以發(fā)揮想象。

?大家好，我是為廣大程序員兄弟操碎了心的小編，每天推薦一個小工具/源碼，裝滿你的收藏夾，每天分享一個小技巧，讓你輕松節(jié)省開發(fā)效率，實現(xiàn)不加班不熬夜不掉頭發(fā)，是我的目標！

??今天小編推薦一款跨平臺桌面軟件開發(fā)框架——electron-egg，簡而言之就是你可以用JavaScript寫windows、Mac、Linux桌面程序。

特性

• 直接打包成windows版、Mac版、Linux版或者以web網(wǎng)站運行。
• 可以用服務端的開發(fā)思維，來編寫桌面軟件。
• 也可以用前端來開發(fā)，數(shù)據(jù)服務請求外部api即可。
• 服務端的技術場景幾乎都可以使用，如：路由、中間件、控制器、服務、定時任務、隊列、插件等。
• 軟件自動更新。

開源協(xié)議

??使用 Apache-2.0 開源許可協(xié)議

鏈接地址

截圖預覽

使用vue編寫，經(jīng)典三欄樣式，可自定義

項目案例

結尾

??本期就分享到這里，我是小編南風吹，專注分享好玩有趣、新奇、實用的開源項目及開發(fā)者工具、學習資源！希望能與大家共同學習交流。

記錄我的2024#

大家好，又見面了，我是 GitHub 精選君！

背景介紹

在現(xiàn)代軟件開發(fā)過程中，桌面應用的需求依然旺盛。不論是為了提高工作效率，還是改善用戶體驗，開發(fā)者們常常需要將網(wǎng)頁應用轉化為桌面應用。然而，傳統(tǒng)的桌面應用開發(fā)既耗時又復雜，特別是當需要同時支持 Mac、Windows 和 Linux 三大平臺時。此外，使用如 Electron 這樣的框架雖然可以簡化跨平臺開發(fā)，但往往會帶來龐大的包體積和較慢的運行速度。這些核心痛點嚴重影響了開發(fā)效率和用戶體驗。

今天要給大家推薦一個 GitHub 開源項目 tw93/Pake，該項目在 GitHub 有超過 23.2k Star。

一句話介紹該項目：Turn any webpage into a desktop app with Rust.

項目介紹

Pake 是一個利用 Rust Tauri 框架，能夠輕松將任何網(wǎng)頁轉化為體積小、速度快的桌面應用。與基于 JavaScript 的框架相比， Pake 打包出的應用體積幾乎是 Electron 包的 1/20 （大約 5M），這得益于 Tauri 框架的優(yōu)異性能，它使得 Pake 比 JS 基礎框架更加輕量和快速。

項目特點包括：

1、幾乎比 Electron 包體積小 20 倍（約 5M）

2、利用 Rust Tauri，實現(xiàn)了更輕量、更快速的應用體驗

3、提供快捷方式透傳、沉浸式窗口和最小化定制等“電池級”包裝

4、簡單易用，用 Tauri 替代傳統(tǒng)打包方式，即便 PWA 也能勝任

如何使用

使用 Pake 構建您的桌面應用非常簡單：

1、先確保你的計算機上安裝了 Rust >=1.63 和 Node >=16。安裝指南可以參考 Tauri 文檔。

2、使用 NPM 安裝 Pake 的命令行工具:

npm install -g pake-cli

3、使用命令行打包你的網(wǎng)頁應用:

pake https://weekly.tw93.fun --name Weekly --hide-title-bar

詳細命令行使用手冊請查閱項目的文檔。以下是幾個示例：

項目推介

目前，Pake 已經(jīng)在 GitHub 上獲得了開源社區(qū)的廣泛關注。它支持 Mac、Windows 和 Linux 三大平臺，有著豐富的應用實例，包括但不限于 WeRead, Twitter, ChatGPT, YouTube Music 等流行服務。

以下是該項目 Star 趨勢圖（代表項目的活躍程度）：

更多項目詳情請查看如下鏈接。

開源項目地址：https://github.com/tw93/Pake

開源項目作者：tw93

以下是參與項目建設的所有成員：

關注我們，一起探索有意思的開源項目。