缘起: 去年我发了一个帖子,没想到获得热烈讨论,这个点子很有趣,而且有一定实用价值 https://www.v2ex.com/t/944717

经过更深入的思考,我发现这是一个相当不错的 app 形式,它不光具有优异的性能,还是一种分享代码的便利方式,从此发布 app 不再是一个高成本的事情了,你甚至可以一行代码作为一个 app 发布

什么是 urlapp

urlapp 是一种轻量开源 app 封装形式。
它使用 Data URL 规范(参考:Data URL 规范),封装一个单页面 html 应用为一个 url ,使用浏览器访问 url 可直接使用 app 。

如下链接是一个简单的 urlapp ,复制到浏览器地址栏运行

data:text/html;base64,PGh0bWwgY29udGVudGVkaXRhYmxlPmVkaXQgbWU8L2h0bWw+

这是一个网页记事本,它有很多一般 app 不具备的特性:

  • 无需网络,永久可用
  • 全平台支持,只依赖浏览器
  • 易于分发
  • 开源
  • 轻量秒开
  • 安全,浏览器对网页有严格限制

urlapp.org项目

urlapp 项目(urlapp.org)致力于提供一个使用,发布,推广,讨论,开发 urlapp 的平台。

urlapp 代码和数据永久开源(github 地址),欢迎收藏,点赞,讨论,分享

同时,github-discussions 板块(github-discussions 地址)也作为 urlapp 的讨论,发布,点评论坛,任何关于 urlapp.org 和 urlapp 的问题可以在这里讨论

urlapp.org还意图实现为一个永久可用服务,无后端服务依赖纯静态化设计,数据和代码都开源分发,只要你打开并保持 urlapp ,它就永远存在于你的电脑不会下线。后续还计划通过 ipfs 等平台加固服务可用性

沟通讨论平台: discord | telegram | github-discussions

发布一组 urlapp,欢迎探索

  • 小工具
    • html 文本编辑、文本编辑、html 转 urlApp 、二维码生成、二维码扫描、动态表单编辑 json 、在线 html 编辑渲染
  • 游戏
    • 2048 小游戏、纸牌、马里奥 1k 、俄罗斯方块
  • 微应用
    • 模拟桌面、番茄计时器、任务四象限、计算器
  • 原型设计
    • Autumn 、可爱风 3D 飞机飞行

更多信息请访问urlapp.org,所有 urlapp 都是开箱即用的,同时欢迎发布你的 urlapp 。

最新回复 (15)
  • Seria4月前
    引用2
  • qwertyzzz4月前
    引用3
    和普通网页有什么区别
  • meeop楼主4月前
    引用4
    @qwertyzzz
    1 易于分享
    你可以在论坛聊天窗口直接分享一个 app,而且打开即用,类似这样
    https://www.v2ex.com/t/1056167?p=1
    普通网页的话,要么你自己部署然后分享 url,要么你给别人分发一个文件或者下载链接

    2 永久可用
    网页需要依赖后台服务器,应该经常能遇到收藏的一些网页过一段时间就打不开了
    urlapp 不会,它以源码形式分享,加入收藏夹,就永远都能用

    3 超低的开发/部署/分发成本
    普通网页你需要一个后台服务器,正规一点的话还需要 icp 备案,域名备案,买 vps,全套下来几万块钱+费时费力
    对于单 html 能力范围的场景,如果直接拿 dataurl 分享,纯粹的 0 成本,如果拿 urlapp.org 分享,也就发个帖子的事

    4 轻量秒开
    网页是有网络交互的,最快的网页打开也有眼屎
    urlapp 不会,加入收藏夹后打开只有 3ms 加载时间
  • qwertyzzz4月前
    引用5
    @meeop 和别人把网站给你 你统一部署有什么区别
  • shadowyue4月前
    引用6
    你这个像是 PWA 的更精简版本。
    提个问题,你这个应用的形式,如何解决更新的问题。
    一旦我收藏了,就没法更新了
  • meeop楼主4月前
    引用7
    @qwertyzzz 我想解决的场景是轻量的单 html 应用的分发问题,前面说了,这个形式的 app 有普通网页无法替代的一些属性,那,相对于部署在 github pages 这类静态网站托管服务:

    1 这里分发的是一个打开即用的 app,而不是更发散的网页,并且提供一个集中的分发,使用,搜索,评价,反馈平台
    2 只要保存页面,这个 app 永远可用,托管网站做不到这点(作者也可能删除页面)
    3 开发和维护成本更低,发个帖子的成本

    如果说有人做一个关于网页/网站的聚合,评价,分享,发布,托管平台倒是也类似,但那是一个更复杂的场景,和轻量 html 应用场景不冲突
  • yjfkk4月前
    引用8
    酷就够了,虽然没啥用。
  • meeop楼主4月前
    引用9
    @shadowyue 我想了 3 个办法:
    1 对于在 urlapp.org 上发布,你需要以发帖的形式在 github discussion 上发一个发布 app 帖子
    这个帖子就是你的 urlapp 发布页面了,后续更新/评价/讨论都可以围绕这个帖子进行
    后续更新也可以以同样的形式发帖,而 urlapp.org 会处理发布帖子,定期录入更新 urlapp
    urlapp.org 上的 urlapp 永远是最新的
    参考:https://urlapp.org/apps/doc2024072200003/howToPublish

    2 可以直接联系作者,追更或者订阅

    3 代码开源的,小修改可以自己动手(这一点几乎所有 app 都做不到)
  • meeop楼主4月前
    引用10
    @shadowyue 比如你可以收藏 urlapp 的落地页,这个页面会保持最新,也是 urlapp.org 这个网站主要解决的问题
    https://urlapp.org/detailPage?appId=app2024072200007
  • qwertyzzz4月前
    引用11
    @meeop #6 感觉和那种别人做的工具类的网站区别不大呀。。就是这个可以下载是吧
  • meeop楼主4月前
    引用12
    @qwertyzzz 相对工具类网站呢:
    1 网站和 app 保持永久可用,好用的工具你收藏后就是你的,不会有一天没了

    2 代码开源,app 有些细节想调整(比如 json 格式化加个粘贴自动格式化功能),工具站可不给你调整,你可以在源码基础上自己调整

    3 他不止工具站啊,单 html 应用是一个 app,它还可以是游戏,动画,应用

    4urlapp.org 还会提供在线使用,讨论,反馈,评价能力,会提供一些社区能力

    5 就工具类应用而言,urlapp 不需要网络,打开非常快,几个毫秒级别
  • ClarkAbe4月前
    引用13
    @qwertyzzz 可以保存在书签然后离线使用
  • meeop楼主4月前
    引用14
    @qwertyzzz 举个例子,比如 json 格式化,下面这个链接会比任何其他 json 格式化工具加载迅速(完全感受不到加载时间)

    data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiPgo8dGl0bGU+SlNPTiBGb3JtYXR0ZXI8L3RpdGxlPgo8c3R5bGU+CiAgYm9keSwgaHRtbCB7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICB3aWR0aDogMTAwdnc7CiAgICBtYXJnaW46IDA7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZm9udC1mYW1pbHk6IEFyaWFsLCBzYW5zLXNlcmlmOwogIH0KICB0ZXh0YXJlYSB7CiAgICB3aWR0aDogNTAlOwogICAgaGVpZ2h0OiAxMDAlOwogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsgLyogRW5zdXJlcyBubyBvdmVyZmxvdyAqLwogICAgYm9yZGVyLXdpZHRoOiAxcHg7IC8qIFJlbW92ZXMgdGhlIGJvcmRlciAqLwogICAgb3V0bGluZTogbm9uZTsgLyogUmVtb3ZlcyB0aGUgb3V0bGluZSAqLwogICAgcmVzaXplOiBub25lOyAvKiBQcmV2ZW50IHJlc2l6aW5nICovCiAgICBwYWRkaW5nOiAxMHB4OyAvKiBBZGRzIHNvbWUgcGFkZGluZyBpbnNpZGUgdGhlIHRleHRhcmVhICovCiAgICBmb250LXNpemU6IDE2cHg7IC8qIEluY3JlYXNlcyBmb250IHNpemUgZm9yIGJldHRlciByZWFkYWJpbGl0eSAqLwogIH0KPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KPHRleHRhcmVhIGlkPSJpbnB1dEpzb24iIHBsYWNlaG9sZGVyPSJQYXN0ZSBKU09OIGhlcmUiPjwvdGV4dGFyZWE+Cjx0ZXh0YXJlYSBpZD0ib3V0cHV0SnNvbiIgcGxhY2Vob2xkZXI9IkZvcm1hdHRlZCBKU09OIHdpbGwgYXBwZWFyIGhlcmUiIHJlYWRvbmx5PjwvdGV4dGFyZWE+Cgo8c2NyaXB0PgogIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdpbnB1dEpzb24nKS5hZGRFdmVudExpc3RlbmVyKCdpbnB1dCcsIGZ1bmN0aW9uKCkgewogICAgdmFyIGlucHV0ID0gdGhpcy52YWx1ZTsKICAgIHRyeSB7CiAgICAgIHZhciBvdXRwdXQgPSBKU09OLnN0cmluZ2lmeShKU09OLnBhcnNlKGlucHV0KSwgbnVsbCwgNCk7CiAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdvdXRwdXRKc29uJykudmFsdWUgPSBvdXRwdXQ7CiAgICB9IGNhdGNoIChlKSB7CiAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdvdXRwdXRKc29uJykudmFsdWUgPSAiRXJyb3I6ICIgKyBlLm1lc3NhZ2U7CiAgICB9CiAgfSk7Cjwvc2NyaXB0Pgo8L2JvZHk+CjwvaHRtbD4K
  • meeop楼主4月前
    引用15
    @qwertyzzz 还有就是无广告,工具站为了盈利一定是要塞广告的,或者弹窗,或者占用 ui 面积
    urlapp 可以有广告,但是是开源的,不爽你可以自己删掉广告
  • adrianzhang4月前
    引用16
    感觉不错呀
  • 回复请 登录 or 快速注册
返回