Tauriでアプリをつくってみる

$ create-react-app .  --template typescript
$ yarn add -D @tauri-apps/cli
$ yarn tauri init

maruware

$ yarn tauri dev

したらコンパイルエラー。

$ rustup update

してRustをアップデートして再度実行

maruware

yarn start

と

yarn tauri dev

でアプリが起動してGUIが表示される

maruware

src-tauri/tauri.conf.json の build.beforeDevCommand に "yarn start" を指定すると
yarn tauri dev 一発にできる

src-tauri/tauri.conf.json

{
  //...
  "build": {
    "distDir": "../build",
    "devPath": "http://localhost:3000",
    "beforeDevCommand": "yarn start",
    "beforeBuildCommand": ""
  },
}

maruware

ブラウザとアプリが両方立ち上がるのを抑止するために以下のように BROWSER=none を入れてブラウザを起動しないようにしておく

package.json

{
  "scripts": {
    "start": "BROWSER=none react-scripts start",
  }
}

maruware

eslintとかprettier設定

maruware

ローカルファイルをvideo要素で再生する方法がいまいちわからなくて断念
electronならいけるので諦めてelectronに移行

このスクラップは2021/10/03にクローズされました