Pake 入門:任意の Web サイトをデスクトップアプリにする

tw93/Pake のインストール、コマンドラインでのパッケージ化、カスタムアイコンとウィンドウサイズ、ローカル開発、ビルドコマンドを整理する。よく使う Web サイトを軽量デスクトップアプリに包む用途に向いている。

tw93/Pake は Web サイトをデスクトップアプリとしてパッケージ化するツールです。GitHub、社内システム、個人ブログ、週報ページ、Web ツールなどを独立したウィンドウにまとめ、ブラウザのタブ混雑を減らす用途に向いています。

プロジェクト:

https://github.com/tw93/Pake

Pake CLI をインストールする

README にあるコマンドです。

1
pnpm install -g pake-cli

pnpm がない場合は、先に pnpm をインストールします。

1
npm install -g pnpm

いちばん簡単なパッケージ化

GitHub をデスクトップアプリにします。

1
pake https://github.com --name GitHub

Pake はサイトアイコンの取得を自動で試みます。まず環境が正常か確認するのに向いています。

アイコンとウィンドウをカスタマイズする

README にはより具体的な例があります。

1
pake https://weekly.tw93.fun --name Weekly --icon https://cdn.tw93.fun/pake/weekly.icns --width 1200 --height 800 --hide-title-bar

よく使うパラメータは次のように理解できます。

  1. --name:アプリ名。
  2. --icon:アプリアイコン。
  3. --width / --height:ウィンドウサイズ。
  4. --hide-title-bar:タイトルバーを隠し、よりネイティブアプリらしく見せる。

ローカル開発

Pake 本体を変更したい場合:

1
pnpm i

ローカル開発:

1
pnpm run dev

アプリをビルド:

1
pnpm run build

何を包むのに向いているか

Pake は次のような Web サイトに向いています。

  1. 会社の内部管理画面。
  2. よく使うドキュメントサイト。
  3. Chat、監視、ダッシュボード系の Web ページ。
  4. 個人的に固定して使う Web ツール。

ログインフローが非常に複雑なサイト、ブラウザ拡張に強く依存するサイト、複数タブでの作業が頻繁なサイトにはあまり向きません。まず簡単な Web ページで試し、そのあと長期的に使うサービスをパッケージ化するとよいです。

记录并分享
Hugo で構築されています。
テーマ StackJimmy によって設計されています。