V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jwenjian
V2EX  ›  分享创造

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

  •  1
     
  •   jwenjian ·
    jwenjian · 2020-06-22 23:28:28 +08:00 · 3510 次点击
    这是一个创建于 1613 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Hello,大家好。

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

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

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

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

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

    下面是截图:

    • 软件启动后的页面:

    截屏 2020-06-22 下午 11.12.26.png

    • 点击 stop 之后,选中图片的页面

    截屏 2020-06-22 下午 11.12.48.png

    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 试一下。

    需要注意的是:

    • tauri 目前还不稳定,成熟度和稳定性无法和 electron 相比
    • tauri 是基于 webkit 的。

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


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

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

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

    第 1 条附言  ·  2020-06-24 12:53:03 +08:00

    现在最新的版本中,点击开始之后会播放类似老虎机的音效来增加抽奖的氛围,点击停止的时候有一个短暂的提示音。


    由于目前 tauri 的 web-view 版本有些问题,所以windows的包还构建不了,明天tauri会发新版本,应该可以解决这个问题。

    第 2 条附言  ·  2020-06-26 17:16:49 +08:00
    我在点击开始之后,以及点击停止的时候,加了音效,可以去看下这个 录屏。

    https://weibo.com/tv/v/J8rhMrad8?fid=1034:4520113454645266
    第 3 条附言  ·  2020-06-28 13:02:38 +08:00

    1.0.0了!

    • 新增多语言支持,支持切换中文/英文
    • 新增声音开关按钮,可以选择静音或者非静音,静音状态下不会播放抽奖音效
    • 美化了背景图

    截图:

    12 条回复    2021-06-10 16:25:17 +08:00
    yuankui
        1
    yuankui  
       2020-06-23 16:40:28 +08:00
    mac 可以打 linux 和 windows 的
    jwenjian
        2
    jwenjian  
    OP
       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
        3
    yuankui  
       2020-06-24 10:21:41 +08:00
    哦,electron
    yuankui
        4
    yuankui  
       2020-06-24 10:29:01 +08:00
    Turi 不错啊,我回头试试。。
    yuankui
        5
    yuankui  
       2020-06-24 10:46:58 +08:00
    我主要纠结开发效率问题。

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

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

    https://tauri.studio/showcase/
    wqrdrrar1314
        12
    wqrdrrar1314  
       2021-06-10 16:25:17 +08:00 via Android
    谁能破解老虎机我带他发财
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2781 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 14:30 · PVG 22:30 · LAX 06:30 · JFK 09:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.