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

中国語 | 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ユーザーは、次のページに戻って行くジェスチャーをサポートし、他のニーズがあり、歓迎します。

開始する前に

  1. Xiao Bai ユーザー: Pake をプレイするために 「一般的なパッケージ ダウンロード」を使用する機能は、ディスカッション グループに移動してヘルプを求めるか、Action 方法を試すことができます。
  2. 開発ユーザー: "コマンド ライン ワンクリック パッケージ" を使用すると、Mac に優しく、Windows / Linux は環境構成を投げる必要があります。
  3. トスユーザー: フロントエンドと 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

高度な使用

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

開発者

Pake の開発は、これらのハックラーと不可分であり、一緒に多くの能力に貢献し、彼らの注意を歓迎します ❤️

tw93
Tw93
Tlntin
Tlntin
pan93412
Pan93412
wanghanzhen
Volare
liby
Bryan Lee
essesoul
Essesoul
m1911star
Horus
AielloChan
Aiello
QingZ11
Steam
2nthony
2nthony
nekomeowww
Ayaka Neko
turkyden
Dengju Deng
Fechin
Fechin
princemaple
Po Chen
houhoz
Hyzhao
liusishan
Liusishan
piaoyidage
Ranger

サポート

  1. 私は2匹の猫、スープラウンド、コーラと呼ばれ、ポークがあなたをより良い生活にしたと思うなら、スープラウンドコーラに缶🥩🍤詰を与えることができます。
  2. あなたはパクが好きなら、Github Starで、あなたの志を同じくする友人にお勧めを歓迎します。
  3. 最新のPakeアップデートメッセージのために私のTwitterをフォローし、Telegramチャットグループへようこそ。
  4. 私は、人々が新しい技術を学ぶ喜びのプロセスをプレイし、あなたがデスクトップアプリを作るのに適したページを見つけた場合、私に言うために歓迎されています。