Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错

这篇具有很好参考价值的文章主要介绍了Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景

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

为了便于设置,官方目前提供 Tauri Action。这是一个 GitHub Action,可在所有支持的平台上运行,编译软件,生成应用程序安装包,并将发布到 GitHub Releases。

GitHub Action

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

利用 GitHub Actions,在你的仓库中自动化、定制和执行你的软件开发工作流程。你可以发现、创建和共享操作,以执行你想要的任何工作,包括 CI/CD,并在一个完全定制的工作流程中组合操作。

使用 Action

创建 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/wasm-pack-action@v0.3.0
        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
      # 这里的pubhome要修改为你package.json里面配置的编译命令
        run: yarn && yarn pubhome
      - uses: tauri-apps/tauri-action@v0.3
        env:
          GITHUB_TOKEN: ${{ secrets.TOKEN }}
        with:
          releaseId: ${{ needs.create-release.outputs.RELEASE_UPLOAD_ID }}

触发 Action

使用 GitHub Tag 来触发 Action

# 创建 tag
git tag v0.1.0

# 推送 tag
git push --tag

 然后到工作流页面:

Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错

然后到releases页面就可以看到下载包:

Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错

注意注意!!!!!常见报错原因

1.yaml文件里面的配置要正确,要和package.json结合使用

比如你的package.json里面的脚本长这样,其中前四个是tauri脚手架生成项目后自带的,千万不要试图修改,不然会报很多错误,最后一个pubhome是我自己编写,你也可以换成你自己写的Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错

但是换完之后,就要同步修改yarm里面的配置:Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错

如果你试图修改了前四个,或者没有更换最后一个为你自己的,你会遇到一下报错:

这个错误是因为我在使用pubhome之前,是publish这个词,结果和yarn关键词冲突导致的error No token found and can't prompt for login when running with --non-interactive.

[1/4] Resolving packages...

11[2/4] Fetching packages...

12[3/4] Linking dependencies...

13warning " > sass-loader@13.2.0" has unmet peer dependency "webpack@^5.0.0".

14warning " > style-loader@3.3.2" has unmet peer dependency "webpack@^5.0.0".

15[4/4] Building fresh packages...

16Done in 61.95s.

17yarn publish v1.22.19

18warning package.json: No license field

19warning package.json: No license field

20[1/4] Bumping version...

21info Current version: 0.0.0

22[2/4] Logging in...

23error No token found and can't prompt for login when running with --non-interactive.

24info Visit yarn publish | Yarn for documentation about this command.

25Error: Process completed with exit code 1.

还有这个错误:error: unexpected argument 'build' found,是因为我之前的package.json里面修改了官方的tauri命令,原来是"tauri": "tauri",我修改为了"tauri": "tauri dev" 导致的

running yarn [ 'tauri', 'build' ]

16yarn run v1.22.19

17warning package.json: No license field

18$ tauri dev build

19 Running BeforeDevCommand (`yarn dev`)

20warning package.json: No license field

21$ vite

22

23 VITE v4.2.0 ready in 662 ms

24

25 ➜ Local: http://localhost:1420/

26 ➜ Network: use --host to expose

27error: unexpected argument 'build' found

28

29Usage: cargo.exe build [OPTIONS]

30

31For more information, try '--help'.

32 Info Watching D:\a\Vue3TsHome\Vue3TsHome\src-tauri for changes...

33error Command failed with exit code 1.

34info Visit yarn run | Yarn for documentation about this command.

35Error: Command failed with exit code 1: yarn tauri build

还有这个错误:No artifacts were found.是因为yaml文件里面- uses: tauri-apps/tauri-action@v0导致的,修改为官方最新的uses: tauri-apps/tauri-action@v0.3就好了

$ vue-tsc --noEmit && vite build

20vite v4.1.4 building for production...

21transforming...

22✓ 1049 modules transformed.

23rendering chunks...

24computing gzip size...

25dist/index.html 0.46 kB

26dist/assets/index-d56eeb64.css 600.06 kB │ gzip: 70.17 kB

27dist/assets/index-e1747f8c.js 1,154.01 kB │ gzip: 371.05 kB

28

29(!) Some chunks are larger than 500 kBs after minification. Consider:

30- Using dynamic import() to code-split the application

31- Use build.rollupOptions.output.manualChunks to improve chunking: Configuration Options | Rollup

32- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

33 Compiling tauri_some v0.0.0 (/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri)

34 Finished release [optimized] target(s) in 39.61s

35 Bundling 1024_0.0.1_amd64.deb (/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/deb/1024_0.0.1_amd64.deb)

36 Bundling 1024_0.0.1_amd64.AppImage (/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/appimage/1024_0.0.1_amd64.AppImage)

37 Finished 2 bundles at:

38 /home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/deb/1024_0.0.1_amd64.deb

39 /home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/appimage/1024_0.0.1_amd64.AppImage

40

41Done in 145.47s.

42Expected artifacts paths:

43/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/deb/102_0.0.1_amd64.deb

44/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/appimage/_0.0.1_amd64.AppImage

45/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/appimage/_0.0.1_amd64.AppImage.tar.gz

46/home/runner/work/Vue3TsHome/Vue3TsHome/src-tauri/target/release/bundle/appimage/_0.0.1_amd64.AppImage.tar.gz.sig

47Error: No artifacts were found.

上面这个错误,大概率只会导致linux编译失败Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错 文章来源地址https://www.toymoban.com/news/detail-498271.html

到了这里,关于Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac、m芯片、linux等,以及常见报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 3 天,入门 TAURI 并开发一个跨平台 ChatGPT 客户端

      TAURI 是一个使用 Rust 编写的程序框架,它允许我们使用 Web 技术和 Rust 语言构建跨端应用。它提供了大量特性,例如系统通知、网络请求、全局快捷键、本地文件处理等,它们都可以在前端通过 JavaScript 便捷的调用。 TAURI 应用的后端基于 Rust,这是一种内存安全、性能出色

    2024年02月13日
    浏览(29)
  • WEB跨平台桌面程序构建工具对比(Electron、Tauri、Wails)

    WEB 跨平台 桌面应用程序 顾名思义就是用 JavaScript、HTML、CSS 等前端技术构建跨平台的桌面应用,WEB 负责 GUI 渲染并与后端(如 Node.js、Python、Rust 等)交互,从而突破自身无法操作 OS 层级资源的限制。其实现在如火如荼的 小程序 原理也类似,只是把后端换成宿主 APP (如微信

    2024年02月05日
    浏览(36)
  • 我想开发一款跨平台桌面软件,请告诉我qt、electron、tauri、pyqt、flutter分别适合开发哪些跨平台桌面

    不同的跨平台桌面开发工具适用于不同的应用场景和开发者需求。以下是关于 Qt、Electron、Tauri、PyQt、Flutter 的简要说明,以帮助你更好地选择适合你项目的工具: Qt: 适用场景: Qt 是一个强大的 C++ 框架,适用于开发需要高性能和原生外观的桌面应用。它具有广泛的平台支持

    2024年02月22日
    浏览(43)
  • .NET Core使用SkiaSharp快速生成二维码( 真正跨平台方案)

    在.NET 6之前我们一直是使用QRCoder来生成二维码(QRCoder是一个非常强大的生成二维码的组件,用到了 System.Drawing.Common  包),然后从.NET 6开始,当为非 Windows 操作系统编译引用代码时,平台分析器会发出编译时警告。异常如下: 由于 System.Drawing.Common 被设计为 Windows 技术的精

    2024年01月20日
    浏览(33)
  • 跨平台的桌面应用程序开发框架Electron | 开源日报 0906

    Stars: 109.3k License: MIT Electron 是一个基于 Node.js 和 Chromium 的开源框架,允许使用 JavaScript、HTML 和 CSS 编写跨平台的桌面应用程序。它被 Atom 编辑器等众多应用程序所采用。该项目具有以下核心优势: 跨平台:Electron 提供了 macOS、Windows 和 Linux 三个主要操作系统的二进制文件。

    2024年02月09日
    浏览(40)
  • Vue.js + Electron 的跨平台桌面应用程序开发

    本文介绍了 Vue.js 和 Electron 的基本特点和原理,并分析了它们在桌面应用程序开发中的优势和应用场景。在基于 Vue.js 和 Electron 的桌面应用程序开发实践中,本文详细介绍了项目的搭建和配置,包括环境的准备、项目的初始化和依赖的安装等步骤。然后,本文介绍了使用 Vu

    2024年02月13日
    浏览(52)
  • C#使用xamarin进行跨平台开发

    使用 Xamarin 进行跨平台开发可以使用 C# 和 .NET 平台来开发移动应用程序,同时将代码在多个主要移动操作系统上运行,包括 Android 和 iOS。以下是在 C# 中使用 Xamarin 进行跨平台开发的一般步骤: 安装 Xamarin : 在开始之前,你需要安装 Xamarin 开发环境。你可以选择安装 Visual

    2024年02月11日
    浏览(35)
  • Flutter:引领移动开发新潮流,跨平台应用程序的终极解决方案

    Flutter是由Google开发的一款开源移动应用开发框架,它可以帮助开发者快速高效地构建跨平台的移动应用程序。Flutter基于Dart编程语言,具有简单易学、高效灵活的特点,并且可以与现有的Android和iOS应用进行集成。本文将介绍Flutter的基本概念、开发环境搭建、基础组件、生命

    2024年02月04日
    浏览(54)
  • C#使用.Net Core进行跨平台开发

    使用 .NET Core 进行跨平台开发是一种灵活的方法,可以在多个操作系统上运行 C# 应用程序。以下是在 C# 中使用 .NET Core 进行跨平台开发的一般步骤: 安装 .NET Core SDK : 在开始之前,需要安装适用于操作系统的 .NET Core SDK。可以从官方网站(https://dotnet.microsoft.com/download)下载

    2024年02月11日
    浏览(34)
  • 在CPF里使用OpenGL做跨平台桌面应用开发

    CPF 是开源的C#跨平台UI框架,支持使用OpenGL来渲染,可以用来硬件加速播放视频或者显示3D模型 实现原理其实就是Skia用OpenGL后端,Skia里绑定GLView的OpenGL纹理,将纹理作为Skia的图像混合绘制。 在CPF里使用OpenGL,不能选择NetCore3.0和Net4,需要选择Netcore3.1以及之后的版本。 Nuget里

    2024年02月05日
    浏览(68)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包