【05】Tauri 入门篇 - 跨平台编译

仓库：lencx/OhMyBox
如果文章对你有所帮助，可以 star 此项目，或转发给更多有需要的人。大家的支持也会给我更大的写作动力，感恩。

背景

타우 리 依赖 严重 原 生库 和 工具链 工具链 工具链 工具链 因此 目前 无法 无法 在 在 某 某 一 一 平台 实现 实现 交叉 编译 编译. 最 佳 选择 是 托管 在 在 GitHub Action 、 Azure Pipelines 、 、 GitLab 其他 其他 其他 选项 上 的 CI/CD管道可以同时为每个平台运行编译,使编译和发布过程更加容易.

为了便于设置,官方目前提供 Tauri Action .这是一个 GitHub Action ,可在所有支持的平台上运行,编译软件,生成应用程序安装帅,6呶帅 9 呶帅

GitHub 릴리스 GitHub 작업

从构思到生产，自动化工作流程

利用 GitHub Actions에서, 你的仓库中自动化, 定制和执行你的软件开发工作流程.你可以发现, 创建와 共享操作,以执行你想要的任何工作,包拶全CD CI/工作流程中组合操作.

사용 조치

다운로드 release.yml

在项目根路径下创建 .github/workflows 目录,在 .github/workflows 下创建 release.yml 文件.将以下内容复制到文件中:

# 可选，将显示在 GitHub 存储库的“操作”选项卡中的工作流名称
name: Release CI

# 指定此工作流的触发器
on:
  push:
    # 匹配特定标签 (refs/tags)
    tags:
      - 'v*' # 推送事件匹配 v*, 例如 v1.0，v20.15.10 等来触发工作流

# 需要运行的作业组合
jobs:
  # 任务：创建 release 版本
  create-release:
    runs-on: ubuntu-latest
    outputs:
      RELEASE_UPLOAD_ID: ${{ steps.create_release.outputs.id }}

    steps:
      - uses: actions/checkout@v2
      # 查询版本号（tag）
      - name: Query version number
        id: get_version
        shell: bash
        run: |
          echo "using version tag ${GITHUB_REF:10}"
          echo ::set-output name=version::"${GITHUB_REF:10}"

      # 根据查询到的版本号创建 release
      - name: Create Release
        id: create_release
        uses: actions/create-release@v1
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          tag_name: '${{ steps.get_version.outputs.VERSION }}'
          release_name: 'app ${{ steps.get_version.outputs.VERSION }}'
          body: 'See the assets to download this version and install.'

  # 编译 Tauri
  build-tauri:
    needs: create-release
    strategy:
      fail-fast: false
      matrix:
        platform: [macos-latest, ubuntu-latest, windows-latest]

    runs-on: ${{ matrix.platform }}
    steps:
      - uses: actions/checkout@v2

     # 安装 Node.js
      - name: Setup node
        uses: actions/setup-node@v1
        with:
          node-version: 16

      # 安装 Rust
      - name: Install Rust stable
        uses: actions-rs/toolchain@v1
        with:
          toolchain: stable

      # 使用 Rust 缓存，加快安装速度
      - uses: Swatinem/rust-cache@v1

      - name: install dependencies (ubuntu only)
        if: matrix.platform == 'ubuntu-latest'
        run: |
          sudo apt-get update
          sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf

      # 可选，如果需要将 Rust 编译为 wasm，则安装 wasm-pack
      - uses: jetli/[email protected]
        with:
          # Optional version of wasm-pack to install(eg. 'v0.9.1', 'latest')
          version: v0.9.1

      # 可选，如果需要使用 rsw 构建 wasm，则安装 rsw
      - name: Install rsw
        run: cargo install rsw

      # 获取 yarn 缓存路径
      - name: Get yarn cache directory path
        id: yarn-cache-dir-path
        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"

      # 使用 yarn 缓存
      - name: Yarn cache
        uses: actions/cache@v2
        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
        with:
          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            ${{ runner.os }}-yarn-

      # 安装依赖执行构建，以及推送 github release
      - name: Install app dependencies and build it
        run: yarn && yarn build
      - uses: tauri-apps/tauri-action@v0
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          releaseId: ${{ needs.create-release.outputs.RELEASE_UPLOAD_ID }}

具體可以参考

OhMyBox/.github/workflows/release.yml 액션

使用 GitHub Tag 来触发 Action

# 创建 tag
git tag v0.1.0

# 推送 tag
git push --tag

常见问题

오류: 통합에서 리소스에 액세스할 수 없음

release.yml 中的 GitHub 环境令牌​ GITHUB_TOKEN 由 GitHub 为每个运行的工作流自动颁发,无需进一步配置,这意味着没有秘密泄露的风险.但是,此令牌在默认情况下仅具有读取权限 取权限, 在 在 工作 工作 可能 会 收到 收到 Resource not accessible by integration − (资源 无法 无法 通过 通过 集成 访问 访问) 错误.. 如果 发生 发生 发生 这 种 情况 情况 情况 情况 情况 情况 此 此 令 牌 添加 写入权限 此 此 此 此 此 前往 前往 前往 前往 github 仓库 Settings ,然后选择 Actions ,向下滚动到 Workflow permissions (工作流权限)并选中 Read and write permissions (读取和写入权限).

Settings -> Actions -> General -> Workflow permissions -> Read and write permissions

행동 意外终止

如果 Action 因某些原因(如缓存错误,依赖下载失败等)终止工作流,不需要重新创建 tag 来触发工作流,可以失败过.