NEW ARTICLE
kotlin 「if」文を使用する
  1. HOME
  2. ubuntu
  3. Ubuntu22.10 Tauri環境を構築する

Ubuntu22.10 Tauri環境を構築する

Ubuntu22.10 Tauri環境を構築する

Ubuntu22.10にプログラム言語Rustで作られたフレームワーク「Tauri」を構築するまでの手順を記述してます。

目次

環境

  • OS Ubuntu22.10
  • rustc 1.62.1
  • Tauri 1.1

事前準備

必要なパッケージを先にインストールしておきます。
※ここでは「node.js」を使用しているので「node.js」をインストールしておきます。

Ubuntu22.10 最新版のnode.jsをインストール
$ sudo apt -y install build-essential libdbus-1-dev libgtk-3-dev libssl-dev libwebkit2gtk-4.0-dev

「rust」もインストールします。

$ sudo dnf install -y gcc

$ curl https://sh.rustup.rs -sSf | sh

1) Proceed with installation (default)
2) Customize installation
3) Cancel installation
>1　← 1を選択

$ source "$HOME/.cargo/env"

Tauriを実行

Tauri環境を構築します。プロジェクト名や、パッケージマネージャーやUIを選択します。

$ sh <(curl https://create.tauri.app/sh)

  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 16121  100 16121    0     0  38710      0 --:--:-- --:--:-- --:--:-- 38659
info: downloading create-tauri-app

✔ Project name · tauri-test
✔ Choose your package manager · yarn
✔ Choose your UI template · react

Please follow https://tauri.app/v1/guides/getting-started/prerequisites to install the needed prerequisites, if you haven't already.

Done, Now run:
  cd tauri-test
  yarn
  yarn tauri dev

外部からもアクセスできるように「vite.config.js」に「host」を追加しておきます。

$ cd tauri-sample

$ nano vite.config.js

<serverに追加>
host: '0.0.0.0'

画像

必要なパッケージをインストールしてから、実行してみます。

$ yarn

$ yarn tauri dev

yarn run v1.22.17
$ tauri dev
     Running BeforeDevCommand (`yarn dev`)
$ vite
        Warn Waiting for your frontend dev server to start on http://localhost:1420/...

  VITE v3.1.4  ready in 3263 ms

  ➜  Local:   http://localhost:1420/
  ➜  Network: http://10.10.10.196:1420/
        Info Watching /home/hoge/tauri-test/src-tauri for changes...
    Finished dev [unoptimized + debuginfo] target(s) in 6.69s

アプリも起動しますが、「ブラウザ」から http://プライベートIP or サーバーアドレス:1420 にアクセスすると以下のページが表示されます。

ビルド

ビルドする場合は、事前に「src-tauri」にある「tauri.conf.json」の「identifier」を任意の値に変更しておきます。

ビルドします。

$ yarn run tauri build

「tauri-test」が生成されます。

$ ls -l src-tauri/target/release
合計 13160
drwxrwxr-x 151 hoge hoge    12288 10月  6 18:21 build
drwxrwxr-x   5 hoge hoge     4096 10月  6 18:33 bundle
drwxrwxr-x   2 hoge hoge    81920 10月  6 18:33 deps
drwxrwxr-x   2 hoge hoge     4096 10月  6 18:21 examples
drwxrwxr-x   2 hoge hoge     4096 10月  6 18:21 incremental
-rwxrwxr-x   2 hoge hoge 13358368 10月  6 18:33 tauri-test
-rw-rw-r--   1 hoge hoge     1684 10月  6 18:33 tauri-test.d

「deb」ファイルも、以下に生成されます。

$ ls -l src-tauri/target/release/bundle
合計 12
drwxrwxr-x 3 hoge hoge 4096 10月  6 18:33 appimage
drwxrwxr-x 3 hoge hoge 4096 10月  6 18:33 appimage_deb
drwxrwxr-x 3 hoge hoge 4096 10月  6 18:33 deb