LuckyYou, 一个基于前端技术(HTML, CSS, JS)开发,用 tauri 打包的跨平台软件,可用在抽奖,课堂点名等类似场景

2020-06-22 23:28:28 +08:00
 jwenjian

Hello,大家好。

我现在给大家分享的是我这两天做的一个小 app,真的很小。

第一是功能简单,你打开这个 app, 选择一个有图片文件的文件夹,然后点击开始按钮,这个 app 会将这些图片文件快速的依次显示在屏幕上,等你按下 停止 按钮,app 会展示给你当前选中的图片以及它对应的文件名。

非常适合抽奖,课堂点名等场景。

我知道另外有很多这样的软件,这里不进行比较,而且这个 app 现在也只是我敲了 2 天代码的初步结果,期待后面更好吧。

第二是安装包很小,刚才我打包了一下,dmg 文件大小是 3.9 Mb,exe 和 deb 文件由于我开发机器是 Mac,所以打包不了。

下面是截图:

Github 地址: Lucky-You

release 里面我放了一个 dmg 文件,有 macos 的同学,希望可以下载下来帮我测试一下看看能不能安装,能不能运行,谢谢。

好了,app 的介绍就这么多。


接下来我主要想说的,就是 tauri , 非推广。

写这个 app 也主要是为了试用一下 tauri 。 :)

如果这个功能,你用 electron 去做,打包出来的体积有多大,就不用我说了。tauri 是一个:

Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front-end can interact with.

The user interface in Tauri apps currently leverages Cocoa/WebKit on macOS, gtk-webkit2 on Linux and MSHTML (IE10/11) or Webkit via Edge on Windows. Tauri uses (and contributes to) the MIT licensed project that you can find at webview.

我直接 copy 了,大家应该都能看懂,大概来说就是 tauri 做了 electron 的工作,但是比 electron 的包要小的多。具体在 README 里有一个包大小的比较的表格,你们可以去看一看。

对于那些想做 PC 端小软件,又不会或者不想用原生语言写的,又不想用 electron 的,你可以用 tauri 试一下。

需要注意的是:

所以如果你准备做一个自己喜欢的小工具,可以尝试一下它。


再说一个题外话,我第一天开始搭建环境,写 demo 的时候遇到了一个问题,就去找了 README 页面的 discord 频道,里面的 2 个 maintainer,像机器人一样秒回我的消息,解决我遇到的问题,后来发现其中一个是 tauri repo 的 owner,我真的要哭辽...

国内哪个开源项目有这个氛围吗?我也想感受一下...

PS. 我 10 天前给阿里的 p3c 提了一个 PR, 现在也没动静,没有 review,没有 comment.

3504 次点击
所在节点    分享创造
12 条回复
yuankui
2020-06-23 16:40:28 +08:00
mac 可以打 linux 和 windows 的
jwenjian
2020-06-23 21:21:49 +08:00
@yuankui 开发者回我的:

right - we haven't started working on cross-compilation for local devs. in the interim however, we do have a gh-action you can look at:

https://github.com/jbolda/finatr/blob/next/.github/workflows/release-tauri-app.yml

你说的可以打是什么方式?
yuankui
2020-06-24 10:21:41 +08:00
哦,electron
yuankui
2020-06-24 10:29:01 +08:00
Turi 不错啊,我回头试试。。
yuankui
2020-06-24 10:46:58 +08:00
我主要纠结开发效率问题。

目前用 electron 开发,可以 inspect element,和使用 react-dev-tools 以及断点调试。

这几个啥时候支持了,我就跟上,😆
jwenjian
2020-06-24 11:14:14 +08:00
@yuankui inspect 现在就有,我用 vue 写的,dev tools 我还没试过
jwenjian
2020-06-26 17:17:36 +08:00
@yuankui 还支持播放音频,应该也是支持视频播放,我录了个屏,你可以看看
thulof
2020-06-26 22:03:56 +08:00
随机算法是?
jwenjian
2020-06-26 23:03:20 +08:00
@thulof 人工随机,程序不停的切换图片 什么时候点停止,切到哪张算哪张
jwenjian
2020-06-28 13:04:36 +08:00
软件不需要联网,非常适合老师在教室使用
jwenjian
2020-06-29 21:15:47 +08:00
经过沟通和 PR,现在 luckyyou 已经是 tauri 的 showcase 之一了 :tada:

https://tauri.studio/showcase/
wqrdrrar1314
2021-06-10 16:25:17 +08:00
谁能破解老虎机我带他发财

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/683905

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX