田里とミントでデスクトップアプリを構築する方法

私は最近、DevBox(開発者ユーティリティでいっぱいのデスクトップアプリケーション)を起動しました.私はTauriとMintでそれを構築しています🚀 このポストでは、どのようにあなたを示します!

必須条件のインストール

あなたは両方の太里とミントをインストールする必要があります.
ミントではasdfを使います.

asdf plugin add mint
asdf install mint latest

TAURIにとっては、もう少し複雑になっているが、Getting Started Guideはインストール命令を含んでいる.

プロジェクトの足場作り

まず、ディレクトリを作成し、太里の@tauri-apps/cliと@tauri-apps/apiパッケージをインストールする必要があります.

mkdir mint-tauri && cd mint-tauri
yarn add -D @tauri-apps/cli @tauri-apps/api

@tauri-apps/cliはコマンドラインインターフェース

である

@tauri-apps/apiは錆プロセスとWebViewの間のブリッジです.

次に、プロジェクトの太鼓側を初期化します.

yarn tauri init

これは、セットアップについていくつかの質問をし、src-tauriにアプリケーションを足場します.プロジェクトの名前とタイトルは異なりますが、開発サーバーとdistディレクトリは同じです.

What is your app name?: mint-tauri-test
What should the window title be?: Mint Tauri Test
Where are your web assets (HTML/CSS/JS) located, relative to the "<current dir>/src-tauri" folder that will be created?: ../app/dist
What is the url of your dev server?: http://localhost:3000

最後に、プロジェクトのMint側を初期化します.

mint init app

開発サーバーの実行

変更するにはサーバを実行する前に行うべきことがあります.

"beforeDevCommand": "",

です.

"beforeDevCommand": "cd app && mint start",

src-tauri/tauri.conf.jsonファイルで.これにより、MATE開発者サーバーがTURI開発サーバーの前に開始されます.
開発サーバーを起動するには、次のコマンドを実行します.

yarn tauri dev

(最初に、これは錆箱の束をコンパイルするが、その後の呼び出しは少ない時間がかかるため、しばらくかかるでしょう)
この時点で、ウィンドウの既定のMintアプリケーションが表示されます.

それはこのポストのためです!私はあなたが下のコメントで何を考えて知ってみよう!
次のポストでは、どのようにテーリAPIとの通知を表示し、いくつかのファイルを読むに統合する方法を示します!