Pake - 🤱🏻 Simply make any web page a desktop application using Rust. 🤱🏻 Rust パッケージ Web ページを使用して、非常に小さなデスクトップアプリを生成するのは簡単です

(🤱🏻 Simply make any web page a desktop application using Rust. 🤱🏻 很简单的用 Rust 打包网页生成很小的桌面 App)

Created at: 2022-10-14 17:32:57

Language: Rust

URL: https://github.com/tw93/Pake

中国語 | English

Pake

Mac/ Windows / Linux システムをサポートする小さなデスクトップアプリを生成するために Rust パッケージ Web ページを使用するのは簡単です。

特性

🏂 小さい:従来のエレクトロンシェルパックと比較して、3M未満で約40倍小さくなります。
😂 高速:P ake の基になる Rust Tauri フレームワークは、JS フレームワークよりもはるかに軽量でメモリが少ないパフォーマンスエクスペリエンスを提供します。
🩴 特:単なるパッケージではなく、ショートカットキーの透過、没入型ウィンドウ、ドラッグ、スタイル書き換え、広告、製品のミニマリストスタイルのカスタマイズを実現します。
🐶 遊び:ちょうど非常に単純な小さなおもちゃは、以前のシェルのWebパッケージの古い考えをRustに置き換え、実際にはPWAも良いです。

一般的なパッケージのダウンロード

WeRead Mac Windows Linux	Twitter Mac Windows Linux

LiZhi Mac Windows Linux	YouTube Mac Windows Linux

ZLibrary Mac Windows Linux	Reference Mac Windows Linux

Qwerty Mac Windows Linux	ChatGPT Mac Windows Linux

🏂 Flomo / スズメ / RunCode などのより多くのアプリは、Release にダウンロードし、ショートカットキーの説明を展開するためにクリックします

Mac	Windows/Linux	機能
`⌘` + `[`	`Ctrl` + `←`	前のページに戻ります
`⌘` + `]`	`Ctrl` + `→`	次のページに移動します
`⌘` + `↑`	`Ctrl` + `↑`	ページの先頭まで自動的にスクロールします
`⌘` + `↓`	`Ctrl` + `↓`	ページの一番下まで自動的にスクロールします
`⌘` + `r`	`Ctrl` + `r`	ページを更新します
`⌘` + `w`	`Ctrl` + `w`	ウィンドウを非表示にし、終了しない
`⌘` + `-`	`Ctrl` + `-`	ページを縮小します
`⌘` + `+`	`Ctrl` + `+`	ページを拡大します
`⌘` + `=`	`Ctrl` + `=`	ページを拡大します
`⌘` + `0`	`Ctrl` + `0`	ページのズームをリセットします

また、フルスクリーンの切り替えのために頭をダブルクリックし、ウィンドウを移動するために頭をドラッグし、Macユーザーは、次のページに戻って行くジェスチャーをサポートし、他のニーズがあり、歓迎します。

開始する前に

Xiao Bai ユーザー: Pake をプレイするために「一般的なパッケージダウンロード」を使用する機能は、ディスカッショングループに移動してヘルプを求めるか、Action 方法を試すことができます。
開発ユーザー: "コマンドラインワンクリックパッケージ" を使用すると、Mac に優しく、Windows / Linux は環境構成を投げる必要があります。
トスユーザー: フロントエンドと Rust の両方が問題になる場合は、次の「カスタム開発」を試して、カスタム機能を詳細に 2 回開発します。

コマンドラインをワンクリックでパッケージ化します

Pake には、必要なパッケージをワンクリックですばやく簡単にカスタマイズできるコマンドラインツールが用意されています。

// 使用 npm 进行安装
npm install -g pake-cli

// 命令使用
pake url [options]

// 随便玩玩，首次由于安装环境会有些慢，后面就快了
pake https://weekly.tw93.fun --name Weekly --transparent

コマンドラインをあまり使用しない場合は、GitHub Actions を使用してマルチシステムバージョンをオンラインでコンパイルすることをお勧めします。

カスタム開発

開始する前に、PC に Rust と Node の環境が既にインストールされていることを確認し、Tauri ドキュメントを参照して環境をすばやく構成して作業を開始します。

// 安装依赖
npm i

// 本地开发
npm run dev

// 本地调试
npm run dev:debug

// 打包应用
npm run build

高度な使用

コード構造は、開発前に詳細を簡単に理解できるように、ドキュメントを参照できます。
src-tauri ディレクトリの下のおよびの url、productName、icon、identifier の 4 つのフィールドを変更し、icon が icons ディレクトリから 1 つを選択するか、macOSicons にダウンロードして効果をダウンロードすることができます。
```
tauri.conf.json
```
```
tauri.xxx.conf.json
```
ウィンドウプロパティの設定については、 windows プロパティに対応するを変更する、 fullscreen が全画面表示かどうか、resizable がサイズ変更できるかどうか、Mac イマーシブヘッドにフィットする場合は、transparent を設定して、Header 要素に padding-top スタイルを追加し、フィットを変更したくない場合があります。
```
tauri.conf.json
```
```
width/height
```
```
true
```
```
false
```
さらに、スタイル書き換え、ブロック広告、ロジックコードインジェクション、コンテナーメッセージ通信、カスタムショートカットキー表示高度な使用法。