个人文档
  • AI编程Cursor
  • GPT使用笔记
  • npm常用库合集
  • 同步用
  • 小Demo们
  • 工具网站教程集合
  • HTML、CSS 工具方法集合
    • HTML 全局属性
    • css常用功能
    • font-face 字体|子集相关
    • iframe父子页面传值
    • input输入优化
    • loading状态
    • nodejs使用谷歌邮箱发邮件
    • 为 Dom 自定义事件监听
    • 初始html的head标签配置
    • 拼音输入中文汉字的事件监听
    • 文字颜色效果
    • 文档片段范围 Range
    • 移动端开发-rem
    • 等宽字体推荐
    • 网站SEO优化注意点
    • 邮件html模板
  • JS 工具方法集合
    • Axios 简单使用
    • Axios 简单封装
    • Gitbook的安装和使用
    • Github 登录开发
    • HTML转为纯文本
    • JS 中强大的操作符
    • cookie 操作
    • js 动态加载js资源
    • js 常用功能语句
    • js取代trycatch的方法封装
    • js接口下载二进制
    • script 标签的异步属性
    • 判断当前是移动端还是pc端
    • 刷新token队列管理
    • 前端多线程 Web Worker
    • 加密-AES对称加密
    • 加密-node进行rsa加密解密
    • 地区省市区三级联动的地址数据 + 功能
    • 复制插件
    • 开发时环境变量
    • 得到随机图片
    • 数字格式整理集合
    • 数学计算插件
    • 时间格式整理
    • 获取ip地址
    • 获取url传参
    • 进制转换和位运算符
    • 页面隐藏|激活|关闭的监听
  • JS 知识点研究
    • Babel 历史和原理
    • Babel 配置和使用
    • Function 的 apply、call、bind
    • HTTP浏览器缓存粗解
    • Source map 文件还原为源码
    • TS常用技巧
    • js 的加载和模块化
    • js 的新数据类型 Symbol
    • js的代理对象 proxy 和 defineProperty
    • js的原型链 prototype
    • vite 打包体积优化
    • webpack 可视化打包文件大小插件
    • webpack 基础使用配置
    • webpack 版本5的报错
    • yeoman 开发脚手架的工具
    • 同步异步和微任务宏任务
    • 移动端调试---谷歌工具+eruda+vconsole
    • 转换-Blob URL
    • 转换-FileReader
    • 转换-Js文件类型和转换
    • 转换-前端开发的URL的编码和解码
    • 转换-字符串和Base 64的转换
  • Node 和 Npm 相关
    • Node 开发环境配置
    • express + jwt 校验
    • node 常用方法
    • node后台服务器-PM2
    • node基本使用
    • npm 中依赖的版本问题
    • npm 功能使用
    • npm指令说明和其他对比
    • nvm版本管理+自动切换node版本
  • React 学习
    • React Hook
    • React 项目基础开发
    • React.memo 和 React.PureComponent
    • React懒加载进阶
    • useContext Hook
    • useEffect Hook
    • useMemo 和 useCallback - Hook
    • useRef Hook
    • useState Hook
    • 同步修改变量功能封装 useVal for react
    • 轻便的传值组件
  • Rust 语言相关
    • Rust 基本
    • Rust 基础学习
    • Rust 调用 Object-C 的API
    • Tauri 基本使用
    • Tauri 是什么
  • VUE 学习
    • Vue3 使用
    • Vue3使用hook
    • Vue开发小技术点
    • vue路由切换时的动画效果
    • 花式引入组件和资源-打包时拆包减少js体积
  • Web3相关
    • Web3.0开发上-准备和概念理解
    • Web3.0开发下-功能代码示例
    • 以太坊区块链和Web3.0
    • 开发智能合约
  • python
    • pyenv版本管理工具
    • python初始化
    • python基本概念
    • venv虚拟环境
  • 个人其他
    • Steam Deck的基本设置和插件
  • 其他编程相关
    • Git教程和常用命令
    • Java开发-JDK和Maven的安装和卸载
    • Jenkins安装和基本使用
    • Linux系统指令
    • Mac 使用2K屏幕开启缩放
    • Mac 使用VS code打开项目
    • Mac 安装 Homebrew
    • Mac 的终端 shell 与 zsh
    • Mac 软件和插件
    • MacBook使用建议
    • Mac升降级到指定版本的系统
    • Mac安装Zsh
    • Mac安装软件各种提示
    • Mac系统脚本语言 AppleScript 的使用
    • Mac终端代理工具
    • Markdown(md)文档开发-Typora
    • Mysql 的安装和使用
    • Nginx 安装和基础使用
    • Nginx 稍微高深的配置
    • Slate - Api 的文档开发工具
    • Sublime配置
    • Ubuntu的 apt-get 使用
    • VScode配置
    • Windows 软件和插件
    • curl 工具使用
    • github 网站访问优化
    • host 文件
    • inquirer 终端中和用户交互
    • uTools的插件开发教程
    • vim 文本编辑功能
    • 使用 Github Pages 免费部署网站
    • 压缩指令 zip 和 unzip
    • 油猴的安装和开发(Tampermonkey)
    • 阿里云简略使用
  • 微信开发
    • 微信小程序开发
    • 微信开发必读
    • 微信开发提前购买域名
    • 微信手机打开的页面中授权登录
    • 微信扫码登录
    • 微信服务号登录+推送服务提醒
    • 自定义分享卡片-node.js实现
  • 数据结构与算法
    • KMP算法
    • Wildcard字符串分析算法
    • 二叉树
    • 字典树
    • 时间复杂度浅析
    • 算法神器——动态规划
Powered by GitBook
On this page

Was this helpful?

  1. Rust 语言相关

Tauri 是什么

title: Tauri 是什么 id: 1d6f67fb04d261ee0c8f72f76dd0d97c tags: [] date: 2000/01/01 00:00:00 updated: 2023/03/09 18:43:55 isPublic: true --#|[分隔]|#--

Tauri 是什么

Tauri官网:https://tauri.app/

Tauri官网的一些功能示例:https://tauri.app/v1/guides/features/

Tauri给的一些示例,比如r如何从前端调用Rust、设置窗口菜单、设置软件图标等。

Tauri的所有配置项:https://tauri.app/v1/api/config

包括窗口配置、打包配置、资源路径配置等等,默认配置文件为 ./src-tauri/tauri.conf.json,配置们可以在程序运行时修改。

Tauri这个npm库的文档(供页面开发前端时使用):https://tauri.app/v1/api/js/

页面可以使用react、vue等开发,页面引入Tauri的npm包后,可以使用的功能文档,包含系统通知、剪贴板、磁盘文件读写、执行shell等等功能,但这些功能只有当页面在Tauri中执行时才能使用。

Tauri这个Rust库的文档(供Rust开发后端时使用):https://crates.io/crates/tauri

Tauri是使用Rust这门语言开发的,这个文档就是Tauri的这个Rust包的文档。

Mac系统开发文档(参考):https://developer.apple.com/documentation/technologies?language=objc

这份文档大部分人不需要,因为我使用的 Mac 电脑,我开发的小工具是系统工具,需要调用系统功能,比如「获取当前处于最前台的软件名称」,Rust功底不深的我无法使用Rust办到,也找不到拥有这个功能的Rust库,剩下的最直接的方法就是调用Mac系统的API获取,所以就需要查看上面这个文档了。

但Mac系统是使用 Object-c 开发的,我需要使用Rust调用Object-c的方法,跨语言了,Rust功底不深的我又受限于国内的Rust生态的不完善,百度都很难搜到,也是受了些反反复复的尝试和研究,算是歪歪扭扭的调通了(使用objc这个Rust库)。

否则我差点就打算用Electron开发了,因为我已经找到使用 node 调用的 Object-c 的依赖包了(使用 objc 这个npm包)。

介绍Tauri之前,先说下Election。

Electron是微软开发的跨平台框架,使用node开发,开发界大名顶顶的VS code就是使用Election开发的。

它前端界面使用web开发,最后编译成静态文件就行,因为Electron本身是使用node开发的,所以后端部分也需要使用node开发。

优点:

  • 跨平台(Mac、Windows、Linux)。

  • 软件界面漂亮,使用web技术开发,更容易做的好看

  • 开发后端时,基于node庞大的生态系统,工具很多,开发速度快。

缺点:

  • 最重要也致命的一点,软件成品的体积大,哪怕一个只展示 Hello world 界面的小软件,也要六七十M,这是因为打包成软件时,Election会把浏览器V8引擎、node语言包,以及开发后端时使用的npm依赖们,都打包进软件中。

  • 更容易被破解,前端文件基本无保护,直接以编译后的html、js、css放在软件目录中。

现在说下Tauri。

Tauri前端界面部分和Electron一样,提供最终的静态文件就行。

后端部分,因为Tauri是使用Rust这门语言开发的,所以后端部分也需要使用Rust开发,且系统需要安装Rust这门语言。

优点:

  • 跨平台(Mac、Windows、Linux),官方有计划支持移动端的安卓和IOS,但暂时还未能支持。

  • 软件体积小,因为Tauri不会塞入浏览器V8引擎,他会自动调用系统的浏览器内核,能省下几十兆体积,此外Rust可以编译成二进制文件,所以不需要把Rust这门语言打包进软件包,也不需要附带依赖包,最终打包好的软件,小的可以仅仅几M。

  • 更难破解,因为前端、后端的代码全都被打包成二进制文件了。

缺点:

  • 浏览器兼容问题,因为使用系统的浏览器内核,不同系统的浏览器内核不同,不过这是小问题,前端开发早习惯了。

  • Rust生态,Rust毕竟年轻,轮子还比较少,但Tauri提供一个npm包,能借助这个包访问磁盘文件系统、调用 shell、剪切板等等,一般功能性软件也足够了,而且如果只是想把一个页面打包成app,没打算调用系统功能,那这个缺点就不存在了。

  • 静态型语言,开发时限制很多,不能像js一样天马行空。

我个人非常喜欢Tauri,主要原因是开发后的软件体积很小,学习Rust这个新语言挺开心,但Rust生态问题导致一些难点很难百度到解决办法也实在困苦。

我开发个人小软件时,几次遇到困难都想换用Electron,可睡了一觉后还是会继续研究Tauri和Rust寻求解决,一点点放开思路,纵向继续死啃当前方式的通路,横向思考其他替代方案,还是暂时坚持了下来。

PreviousTauri 基本使用NextVUE 学习

Last updated 3 months ago

Was this helpful?