离子PWA与电容器

Question

我正在构建一个Ionic PWA。我不想生成APK文件，所以我将我的应用程序添加到主屏幕。我想打开设备相机并通过创建文件夹在我的设备上保存拍摄的照片。我尝试访问https://capacitor.ionicframework.com/docs/apis/filesystem api来在设备目录中创建文件夹，然后将拍摄的照片保存在其中。

但是我遇到了这个错误：FileSystem doesnot have web implementation。文件系统api只能在生成APK文件后才能使用吗？或者未来有计划支持Web吗？

- abhilash reddy

---

是的，文件系统API无法在浏览器中使用。您需要构建Android APK才能访问和使用文件系统。 - Atul Sharma

@AtulSharma 我们已经等了很久这个电容器，因为我们不想在Playstore上部署我们的应用程序。所以，正如Ionic团队所说，我们认为可以使用电容器插件API在Web中访问本地功能。您认为将来会支持Web的文件系统API实现，还是仅适用于APK？ - abhilash reddy

浏览器直接支持这些API的可能性非常小。 浏览器只能将文件推送到默认目录进行下载。 大多数库端点由包装器而不是实际浏览器公开。 - Atul Sharma

我很好奇电容器是否只支持APK，那么它就与Cordova没有什么不同，因为Cordova也只能在APK上运行。那么，当前版本的电容器是否只是消除了使用Cordova，并且仅在Apks上支持本地功能？ - abhilash reddy

就像 Ionic 团队开始使用他们自己的产品而不是 Cordova 一样，虽然两者做的都是同样的事情。 Capacitor 是 Apache Cordova 和 Adobe PhoneGap 的精神继承者，受到其他流行跨平台工具（如 React Native 和 Turbolinks）的启发，但完全专注于轻松地在所有主要平台上运行现代 Web 应用程序。--来自 IONIC 网站 - Atul Sharma

Answer 1

文件系统 API 现已实现。Capacitor 文件系统插件有一个基于 IndexedDB 的 web 实现。

在 GitHub 上查看源代码：https://github.com/ionic-team/capacitor-plugins/blob/filesystem/filesystem/src/web.ts

- PC Principal

---

它确实在PWA中使用IndexDB。截至2020年10月，源代码已移至此处：https://github.com/ionic-team/capacitor-plugins/blob/filesystem/filesystem/src/web.ts - jfbloom22

截至2021年11月，该位置在此处：https://github.com/ionic-team/capacitor-plugins/blob/main/filesystem/src/web.ts - Fred

Answer 2

文件系统 API 没有 Web 实现，因为由于安全原因，无法在浏览器中访问文件系统。只有本机设备，如 Android、iOS 和 Electron 才能访问文件系统。所以是的，如果要访问文件系统，需要添加 Android/iOS 目标并构建本机应用程序。

- Ahmed

---

然而，在文件系统的电容器页面上，它显示它可以（或将会）与PWA、iOS、Android和Electron一起使用。 - bgies