问题标签 [capacitor]

我正在从现有的基于 Vue/Laravel 的项目构建一个 iOS 应用程序。我发现通过配置电容器.config.json：

我可以从 Laravel 服务器获取 index.html 和 app.js 包并以这种方式运行应用程序。然而，这似乎违背了捆绑和部署应用程序的大部分目的，例如节省获取 app.js 的延迟等。

如果我从电容器.config.json 中删除“服务器”字段，那么应用程序将从 iOS 设备上本地找到的 app.js 和 index.html 的构建版本运行。但是，我发现即使将 axios 的 baseUrl 配置为相同，我也无法再与 Laravel 服务器进行数据请求通信http://192.168.99.100

我是 Ionic4 的新手，但使用 Angular 已经有一段时间了，所以目前正在尝试使用 Ionic4/Angular 应用程序。

我一直在寻找集成电容器以从 PWA 访问本机功能，并且我已经对相机插件进行了一些测试，但是我必须在我的 index.html 中包含对外部 pwa-elements 脚本的引用。 ：https ://capacitor.ionicframework.com/docs/getting-started/pwa-elements/

如果我希望应用程序能够离线工作，这并不好，所以我试图将它导入并捆绑在 Ionic/Angular 构建中，但从文档中不清楚如何在 Angular 上下文中执行此操作。

我添加了“import '@ionic/pwa-elements';” 到我的 app.module.ts，但这似乎不起作用（我刚得到这个问题）。我已经尝试在我的 angular.json 文件的脚本部分手动引用 ionicpwaelements.js 脚本，但是 ionicpwaelements.js 引用了节点模块中的“ionicpwaelements”子目录中的一堆其他 js 文件，它无法找到（并且很难将它们全部引用）。

如何将 ionic/pwa-elements 导入 Ionic4/Angular 应用程序？

我对 Swift 有点陌生，但我正在尝试将 AWSCognitoAuth 改编为 Capacitor 的 Swift 插件。我在这里创建了一个仓库：https ://github.com/Kikketer/CapacitorTest

最大的问题之一是在 iOS 项目中没有触发回调：

通过我在自述文件中描述的所有设置，这是亮点：

1. 我设置了 Cognito 用户池，添加了一个用户，并为它创建了一个应用页面
2. 我带来了最新的 AWSCognito pod（截至目前为 2.9）
3. 我为 Capacitor 编写了一个插件来弥补差距，但理论上 Capacitor 与此无关，因为它似乎纯粹是一个 Swift 和本机实现问题：https ://github.com/Kikketer/CapacitorTest/blob/master /ios/App/App/CognitoPlugin.swift#L12
4. 当我单击应用程序中的“登录”按钮时，Cognito 在“特殊的 iOS 浏览器”中启动，但在我单击该浏览器中的登录按钮后，它只是挂在那里。
5. 除非我单击“完成”，否则永远不会触发回调（在这种情况下，这是一个错误，不会返回实际令牌）。

我在任何日志中都没有看到任何明显的错误，所以我不确定下一步该去哪里。

我意识到有很多设置可以重复这个问题，但任何帮助将不胜感激。

编辑：我做了更仔细的调查，我得到了405回复，但页面上没有显示实际的错误消息：

我正在使用 pwa

`离子框架：@ionic/angular 4.0.0 @angular-devkit/build-angular：0.12.4

@angular-devkit/原理图：7.2.4

@角/cli：7.2.4

@ionic/角度工具包：1.3.0

电容器：

电容器（电容器 CLI）：1.0.0-beta.17

@电容器/核心：1.0.0-beta.17

系统：

NodeJS : v10.0.0 (/usr/local/bin/node) npm : 6.7.0 操作系统 : Linux 4.15 installed the barcode ionic cordova plugin add phonegap-plugin-barcodescanner npm install --save @ionic-native/barcode-scannerionic cordova plugin add phonegap -plugin-barcodescanner npm install --save @ionic` 和

npx cap sync 我在模块中安装了插件，但是当我尝试读取条形码时，我得到的只是一个错误`cordova not available，所以我被卡住了

有没有办法在我调用它时始终显示加载器或让它保持不变？

我在创建加载程序的地方创建了一个公共服务，这样我就可以随时在任何页面上注入和访问它。

这是我的代码：

但问题是： 以编程方式更改页面时，加载器不会停留。

我想要实现的是： 加载器是绝对的，并涵盖了我的应用程序中发生的所有自动化过程。

附加信息： 我有一个 inAppBrowser，它覆盖了加载屏幕。

我是安卓新手。人们告诉我我可以使用 gradlew.bat 来构建一个 apk。当我在调试中启动它时，它似乎可以运行，但我在任何地方都找不到 .apk。这是怎么回事？

编辑：我打开了 Apple 的错误报告 - 电容器错误报告说这是 Apple 的问题。

编辑 2：看来他们在 5.20.3 中修复了它Fixed bug where https: was not selected for CDN URLs in some packaged and local environments. [48289622]

我将 MapKit JS 与 Ionic 和 Capacitor 一起使用。它适用于除 iOS 之外的所有设备。在 iOS 上，尝试从 CDN 下载文件时会发生错误。

这里显示了大约 20 个错误，无法从 CDN 下载文件：

问题是capacitor://而不是https://

在下载的mapkit.js文件中，它看起来像这样：

那么我能做些什么来让它正确加载文件吗？为什么 Capacitor 假设//是本地文件？或者 MapKit 应该在所有 URL 前面加上https?

我遇到了 Google Maps SDK 和我认为添加的前缀 Capacitor 的问题//somewebsite.com/fileNotLocal。如果文件没有前缀http或https然后电容器在本地查看capacitor://我认为

我需要开发一个严重依赖USB/Serial、WebAudio和其他硬件 API 使用的应用程序。

目前，此应用仅适用于Windows 10 平板电脑，因此它还应支持触控和手势。但当然，我很乐意将应用程序逻辑与 Windows/UWP API 分离，以便将来能够将应用程序扩展到许多其他平台。

我选择使用Typescript 和 Angular编写这个应用程序，但我真的不确定我应该为此目的使用的框架组合：

1) 我应该只使用纯 Electron-Angular-HammerJS 组合吗？（也许将其部署为 UWP 应用程序）

2) 为了更好地支持触控和移动性，我应该使用 Ionic 框架吗？或者这种 Electron 与 Ionic 的组合会使我的应用程序不必要地膨胀？

3) 纯 Ionic（作为没有 Electron 的 UWP 应用程序）是否支持 Windows USB/串行功能？到目前为止，我发现只有适用于 Android 的 USB-Cordova 插件......

4) Ionic Capacitor 是否符合此应用程序的目的？一方面，这个框架倾向于支持包括 Electron 在内的许多平台，但另一方面，它的核心库不包含 USB/串行 API，即使我会选择编写用于硬件使用的通用插件（如 USB）没有太多关于创建电容器-电子-插件的文档...

我很乐意听取您的意见，因为目前我很困惑，不知道该选择什么...

我想实现与电容器示例相同的状态栏行为，即自动添加正确的填充，这样我的应用程序内容就不会显示在状态栏中。但是，我不使用离子框架，而是角度和状态栏覆盖我的应用程序的 web 视图。因此，我的应用程序的内容在状态栏中可见。

我期待一种允许改变这种行为的方法（作为离子本机状态栏的 _overlaysWebView_ 方法）。我也尝试添加config.xml<preference name="StatusBarOverlaysWebView" value="false" />文件，但我不知道是否应该安装 cordova 状态栏插件。

也许我不应该更改此配置而只使用填充，但是我不知道如何处理不同 iOS 设备上的不同状态栏高度。

我是 Capacitor 的新手，我从未使用过 Ionic 或 Cordova。我有人可以帮我解决这个问题，我将不胜感激。

我有一个使用 Ionic 4 和 Capacitor 编写的 web/android 应用程序，我一直在尝试从 Android 服务（通过电容器插件激活）发出的通知将Ionic 应用程序重新输入到特定页面，但没有成功。

这是在服务中创建通知的代码：

我相信我需要在new Intent(this, MainActivity.class)线路中/周围放置一些东西来让 Capacitor / Ionic 将应用程序初始化为正确的状态，但我无法弄清楚应该是什么！

我已经翻阅了 Capacitor 文档，但到目前为止还没有找到解决方案，我怀疑我需要使用某种 URL 向活动发送“视图”意图？

当前的行为是它启动看似全新的应用程序实例（它重新加载启动屏幕等），即使应用程序仍然是手机上的前台任务。

更新

我最近的尝试是创建这样的意图：

（假设我在 Ionic/Angular 中为 /event/horse 设置了有效路线，我这样做了）

但是没有变化，这仍然表示与上述相同的行为（重新进入启动屏幕）。