FlowUs 使用攻略:如何快速制作 Web 应用(PWA)

简介: 如何快速制作 Web 应用(PWA)

最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。

FLowUs 有两个很重要的特性打动了我。

  1. 支持文件夹页面。一直以来,虽然 Notion 等产品十分强大,试图取代 Office 办公应用的地位。然而,在日常办公中,工作场景中依然离不开 PDF、Word、Excel 等办公文件。为此,很多人依然需要借助微信等社交媒体进行文件传输。微信作为国民级应用,但是却存在文件传输大小限制、文件定时过期、缺少文件管理等问题。这使得微信并不是一款合格的在线协作工具。现在 FlowUs 的文件夹页面完美满足了我的需求。我可以将各种办公文件一键上传至 我的个人空间,然后与我的同事进行协作。如此,我便可以抛弃微信、网盘等工具,进一步优化我的工作流。
  2. 原生开发应用,移动端等平台加载速度很快。作为效率工具,如果每次打开加载很长时间,那会很影响用户体验。FlowUs 的移动端,像是打开苹果自带的备忘录一样流畅,使用体验还不错。极速的使用体验,有助于满足我在移动端快速收集信息的目的。

FlowUs 虽香,但是目前缺少桌面客户端。作为在线文档,是否有客户端对于我而言并不太重要。然而,为了更好地聚焦当前工作区页面,我并不想看见书签、插件或者其他标签页等分散注意力的元素。为此,我便想为 FLowUs 制作一个 Web 应用(PWA)满足我的需求。

在正式介绍操作步骤之前,简单介绍一些什么是 Web 应用(PWA). PWA 这是由谷歌提出的 Web 应用概念,全称是 Progressive Web App|渐进式网页应用,可以为用户提供可靠、快速、类似 Native 应用的服务方案,具有可被发现、易安装、渐进式、可重用等优点。

以下我以 Chrome 浏览器为例,展示生成 Web 应用(PWA)的操作过程

1.使用 Chrome 浏览器或者 Edge 浏览器打开 FlowUs 官网

2.1 选择右上角设置,如果显示“在 FlowUs 中打开”,那么点击即可生成 Web 应用。如果没有这个显示,请按照下列流程进行操作:


2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式


3.随后在弹出的对话框中,将“在窗口中打开”进行勾选。随后,基于 Chrome 浏览器技术的 Web 应用(PWA)便会保存至你的应用程序文件夹,你也可以从应用仪表盘看见 FlowUs 的图标。

4.1 点击 FlowUs 的图标,你便可以在独立的窗口中打开 FlowUs.


4.2 建议使用快捷键 Command + Shift + F, 便可以实现全屏效果。如图。


5.现在尽管可以使用,但是图标不太好看。为了和 Mac 应用图标保持一致,我打算调整 FlowUs 的图标。

5.1 使用工具,生成 Mac 图标专有的 ICNS 格式。解决办法,使用专门的工具,比如 Image2Icon,或者在搜索引擎中使用关键词 “PNG to ICNS” 寻找图片格式在线转换工具。

5.2 打开 Chrome 应用 程序文件夹,找到 FlowUs。使用快捷键 Command + I 打开应用简介,然后直接将 ICNS 图标拖到简介左上角的图标处,便实现了图标更换。


最终效果如图。

相关生产力工具测评和方法论介绍

  • 国产组件库 NotionPet:为笔记嵌入可视化模块 ——关于 NotionPet 的专文评测
  • NotionPet 官网https://notion.pet/home.html
  • Notion Like 笔记软件使用教程·学习资源汇总·知识管理方案:深度评测、辅助工具、信息管理、时间管理、任务管理、思维管理、项目管理、文件管理、笔记方法、记忆方法、写作方法  ——在这篇文章,我以 Notion 类工具为例,介绍了笔记软件的多种使用场景以及相关的阅读方法、笔记方法、写作方法等生产力方法论

  • 生产力工具——笔记软件 FlowUs 深度评测
  • FlowUs 息流官网 - 新一代生产力工具:https://flowus.cn/product
相关文章
|
28天前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
44 3
|
1月前
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
39 3
|
7天前
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
16 5
|
16天前
|
缓存 安全 网络安全
HTTP/2与HTTPS在Web加速中的应用
HTTP/2与HTTPS在Web加速中的应用
|
19天前
|
SQL 安全 前端开发
PHP与现代Web开发:构建高效的网络应用
【10月更文挑战第37天】在数字化时代,PHP作为一门强大的服务器端脚本语言,持续影响着Web开发的面貌。本文将深入探讨PHP在现代Web开发中的角色,包括其核心优势、面临的挑战以及如何利用PHP构建高效、安全的网络应用。通过具体代码示例和最佳实践的分享,旨在为开发者提供实用指南,帮助他们在不断变化的技术环境中保持竞争力。
|
29天前
|
前端开发 安全 应用服务中间件
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展,前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用,介绍了二进制分帧、多路复用和服务器推送等特性,并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS,以提升Web应用的性能和安全性。
27 3
|
29天前
|
前端开发 JavaScript API
前端框架新探索:Svelte在构建高性能Web应用中的优势
【10月更文挑战第26天】近年来,前端技术飞速发展,Svelte凭借独特的编译时优化和简洁的API设计,成为构建高性能Web应用的优选。本文介绍Svelte的特点和优势,包括编译而非虚拟DOM、组件化开发、状态管理及响应式更新机制,并通过示例代码展示其使用方法。
43 2
|
29天前
|
测试技术 持续交付 PHP
PHP在Web开发中的应用与最佳实践###
【10月更文挑战第25天】 本文将深入探讨PHP在现代Web开发中的应用及其优势,并分享一些最佳实践来帮助开发者更有效地使用PHP。无论是初学者还是有经验的开发者,都能从中受益。 ###
58 1
|
1月前
|
负载均衡 监控 算法
论负载均衡技术在Web系统中的应用
【11月更文挑战第4天】在当今高并发的互联网环境中,负载均衡技术已经成为提升Web系统性能不可或缺的一环。通过有效地将请求分发到多个服务器上,负载均衡不仅能够提高系统的响应速度和处理能力,还能增强系统的可扩展性和稳定性。本文将结合我参与的一个实际软件项目,从项目概述、负载均衡算法原理以及实际应用三个方面,深入探讨负载均衡技术在Web系统中的应用。
52 2
|
29天前
|
API 持续交付 PHP
PHP在现代Web开发中的应用与未来展望####
【10月更文挑战第25天】 本文深入探讨了PHP作为服务器端脚本语言在现代Web开发中的关键作用,分析了其持续流行的原因,并展望了PHP在未来技术趋势中的发展方向。通过实例解析和对比分析,揭示了PHP如何适应快速变化的技术环境,保持其在动态网站构建中的核心地位。 ####