Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
次我給大家介紹了如何通過Electron將react項目構建成桌面應用,并且成功啟動項目。這次我再教大家如何將前端頁面打包成.exe可執行文件。接下來我將一步一步地介紹如何操作。
Nodejs
首先我們要打包頁面,就是將react的靜態頁面構建成.exe文件。然后才能將.exe封裝成軟件安裝包。
electron-packager:electron的打包插件,將項目打包成exe文件;
安裝方式:命令行安裝 npm install electron-packager -g
NSIS軟件:封裝工具,可以將.exe文件封裝成安裝包
安裝方式:NSIS漢化包下載地址https://httpsimg.dsx2020.com/NSIS_v251_Build_20160601+-+NSISFANS.zip
通過命令行安裝electron-packager,以下是全局安裝electron-packager的命令行
npm install electron-packager -g
安裝成功后,就可以將頁面打包成exe文件。在項目目錄中打開cmd。運行以下命令行打包:
electron-packager ./build library-management-system --platform=win32 --arch=x64 --icon=public/favicon.ico --out=./exes --app-version=1.0.0 --overwrite --ignore=node_modules
打包成功以后我們會發現項目目錄里面多了一個exes文件夾。里面就是我們打包出來的文件了,里面包含了.exe文件,可以直接雙擊運行頁面。
如果你能走到這一步,那么說明你離成功不遠了,接下來就是將exe封裝成安裝包。
打開nsis軟件,文件>新建腳本:向導。
下一步。
填寫軟件基本信息;應用程序名稱、應用程序版本、應用程序出版人可以隨意填寫,應用程序網站如果沒有則留空即可。然后就進行下一步。
選擇安裝程序的圖標,定義程序安裝包的文件名,安裝程序語言選擇簡體中文。然后下一步。
默認,然后下一步。
填寫程序的安裝目錄,默認即可。沒有授權文件就空著,又可以選擇,然后下一步。
刪除這兩個默認的文件。
然后添加打包生產的exe文件,點擊確定。
添加文件目錄
選擇打包生成的文件目錄(是文件夾),然后勾選包含子目錄。點擊確定。
下一步
下一步。
下一步
下一步
保存腳本,點擊完成,將腳本保存在本地。
保存腳本后,在nsis中打開腳本。然后在菜單欄中選擇編譯腳本。
然后就是等待,編譯時間大概是2到3分鐘左右,編譯成功以后就會出現一下提示。
然后我們會發現在exes文件夾中多了一個react_Setup .exe可執行文件,這個文件就是我們通過NSIS工具編譯出來的安裝包文件。我們雙擊執行它,就可以進入正常的安裝步驟了。
我們直接下一步就可以安裝軟件了。
安裝完成后,我們看到電腦桌面上多了一個名叫react項目安裝的圖標,我們直接雙擊打開軟件。
最后我們成功打開了軟件。
到這里,我們實現了將前端頁面打包成軟件安裝包的需求了。Electron讓前端開發人員實現了從網頁到桌面應用的跨越式提升。作為前端開發人員,你不用會寫C++,只要你會寫JavaScript,也可以獨自開發桌面應用程序。
以上就是本次分享的全部內容,這篇教程如果大家感興趣的話可以點個贊。
謝謝大家的支持!!!
Rust因其性能和安全性而獲得了很多吸引力,使其成為系統級編程的絕佳選擇。然而,在構建桌面應用程序時,它也非常強大。在本指南中,我們將指導您使用Rust創建簡單的桌面應用程序。我們將使用tauri,這是一個為所有主要桌面平臺構建小型、快速二進制文件的框架。
在我們開始之前,請確保您在系統上安裝了以下內容:
npm安裝-g @tauri-apps/cli
首先,讓我們創建一個新的Tauri項目。打開您的終端并運行:
貨物新my_desktop_app
cd my_desktop_app
接下來,在您的Rust項目中初始化一個新的Tauri項目:
tauri init
按照提示設置您的Tauri項目。您現在可以選擇默認選項。
您的項目現在應該有一個類似于這個的結構:
我的桌面應用程序
├── src
│ └── main.rs
├── src-tauri
│ ├── src
│ │ └── main.rs
│ ├── tauri.conf.json
│ └── Cargo.toml
└── Cargo.toml
src-tauri目錄包含Tauri應用程序的主要配置和入口點。
Tauri使用基于Web的UI,因此我們需要一些HTML、CSS和JavaScript。默認情況下,Tauri使用香草JavaScript,但您也可以集成React、Vue或Svelte等框架。
在src-tauri/src目錄中創建一個index.html文件:
<!DOCTYPE html>
<html lang="en">
<頭>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的Rust桌面應用程序</title>
</頭>
<身體>
<h1>你好,陶里!</h1>
<button id="greet-btn">問候</button>
<腳本>
document.getElementById('greet-btn').addEventListener('click', ()=> {
窗口。__TAURI__.invoke('greet').then(response=> {
警報(響應);
});
});
</script>
</body>
</html>
打開src-tauri/src/main.rs并修改它以處理greet命令:
#![cfg_attr(
all(not(debug_assertions), target_os="windows"),
windows_子系統="windows"
)]
fn main() {
tauri::Builder::default()
.invoke_handler(tauri::generate_handler![問候])
.run(tauri::generate_context!())
.expect(“運行tauri應用程序時出錯”);
}
#[tauri::command]
fn greet() -> 字符串 {
格式!("你好,來自Rust!”)
}
此代碼使用單個命令greet設置一個簡單的Tauri應用程序,該命令返回問候消息。
現在,您可以運行您的Tauri應用程序。在您的終端中,導航到項目根目錄并執行:
tauri dev
這將在開發模式下構建和運行您的Tauri應用程序。您應該看到一個帶有簡單HTML界面的窗口打開,單擊“Greet”按鈕將顯示帶有Rust消息的警報。
一旦您對應用程序滿意,您可以將其用于生產:
牛座建造
此命令將在src-tauri/target/release/bundle目錄中為您的應用程序創建一個優化的獨立二進制文件。
恭喜!您使用Rust和Tauri構建了一個簡單的桌面應用程序。此設置允許您利用Rust強大的性能和安全功能,同時為UI使用熟悉的Web技術。當您繼續探索Tauri時,您會發現更多功能和自定義選項,以構建更復雜、功能更豐富的應用程序。編碼愉快
Windows平臺上開發桌面應用程序,可以使用多種編程語言和開發環境。以下是一些常見的開發語言,按照它們在Windows桌面應用開發中的流行度和使用頻率大致排序:
1.?C++:由于其性能優勢和對系統級操作的深入控制,C++是開發高性能桌面應用程序的首選語言之一。
2.?C#:隨著.NET框架的發展,C#已成為開發Windows桌面應用程序的強大工具,特別是使用Windows Presentation Foundation (WPF) 和Windows Forms技術。
3.?Visual Basic .NET (VB.NET):VB.NET是.NET框架的一部分,它提供了一種快速開發Windows桌面應用程序的方式,尤其適合初學者和快速原型開發。
4.?Python:雖然Python主要用于Web開發和腳本編寫,但也有庫如Tkinter、PyQt或wxPython等,可以用于開發跨平臺的桌面應用程序。
5.?JavaScript/TypeScript:通過Electron框架,可以使用JavaScript或TypeScript開發跨平臺的桌面應用程序。
6.?Java:Java通過Swing或JavaFX框架可以開發桌面應用程序,盡管它在Windows平臺上的流行度可能不如其他語言。
7.?Delphi/Object Pascal:Delphi是一種高級的編程語言,使用Object Pascal語法,它提供了快速應用程序開發(RAD)工具,適合開發Windows桌面應用程序。
8.?Rust:Rust是一種注重安全、并發和性能的系統編程語言,雖然它在桌面應用開發中的使用不如C++廣泛,但正在逐漸獲得關注。
9.?Go:Go語言以其并發能力和簡潔的語法而受到青睞,盡管它主要用于服務器端開發,但也可以用來開發桌面應用程序。
10.?PowerShell:PowerShell是一種腳本語言和shell環境,主要用于系統管理和自動化任務,但也可以用來開發簡單的桌面應用程序。
11.?BASIC:雖然不是現代的主流選擇,但在某些特定場合,BASIC語言仍然被用于開發簡單的Windows桌面應用程序。
請注意,這個排序并不是絕對的,不同的項目和團隊可能會根據特定的需求、團隊技能和項目目標選擇不同的開發語言。此外,一些語言可能更適合特定的應用程序類型或開發場景。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。