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
相关文章
|
2月前
|
存储 监控 安全
如何在Python Web开发中确保应用的安全性?
如何在Python Web开发中确保应用的安全性?
|
2月前
|
前端开发 JavaScript
探索现代Web应用的微前端架构
【10月更文挑战第40天】在数字时代的浪潮中,Web应用的发展日益复杂多变。微前端架构作为一种新兴的设计理念,正逐步改变着传统的单一前端开发模式。本文将深入探讨微前端的核心概念、实现原理及其在实际项目中的应用,同时通过一个简单的代码示例,揭示如何将一个庞大的前端工程拆分成小而美的模块,进而提升项目的可维护性、可扩展性和开发效率。
|
14天前
|
弹性计算 Java 关系型数据库
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
|
22天前
|
Kubernetes 安全 Devops
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
53 10
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
|
14天前
|
弹性计算 Java 数据库
Web应用上云经典架构实战
本课程详细介绍了Web应用上云的经典架构实战,涵盖前期准备、配置ALB、创建服务器组和监听、验证ECS公网能力、环境配置(JDK、Maven、Node、Git)、下载并运行若依框架、操作第二台ECS以及验证高可用性。通过具体步骤和命令,帮助学员快速掌握云上部署的全流程。
|
2月前
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
40 5
|
2月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
51 4
|
14天前
|
弹性计算 负载均衡 安全
云端问道-Web应用上云经典架构方案教学
本文介绍了企业业务上云的经典架构设计,涵盖用户业务现状及挑战、阿里云业务托管架构设计、方案选型配置及业务初期低门槛使用等内容。通过详细分析现有架构的问题,提出了高可用、安全、可扩展的解决方案,并提供了按量付费的低成本选项,帮助企业在业务初期顺利上云。
|
2月前
|
监控 安全 测试技术
如何在实际项目中应用Python Web开发的安全测试知识?
如何在实际项目中应用Python Web开发的安全测试知识?
34 4
|
2月前
|
机器学习/深度学习 数据采集 Docker
Docker容器化实战:构建并部署一个简单的Web应用
Docker容器化实战:构建并部署一个简单的Web应用