问题标签 [capacitor]

我在 iphone 7 plus 上运行带电容器的 Ionic 应用程序。我正在使用 xcode，当我运行应用程序时一切正常，连接了手机，一切正常，但应用程序开始在“capacitor://app”而不是 localhost 中运行。

我已经在电容器.config.json中配置了一个端口，它一直工作到今天，现在，当我运行应用程序时，xcode 控制台说

在 localhost:MICONFIGUREPORT 加载

并完美地工作。

现在，正在“capacitor://app”运行，虽然工作正常，但我的 CORS 有问题，即使我允许在我的服务中使用原点“capacitor://app”，但仍然存在 CORS 原点问题。

我正在使用 Ionic 4 和

我在将 BarcodeScanner 添加到我的 android 版本时遇到问题，错误是plugin_not_installed。

该应用程序编译时没有任何错误，但它在运行时输出错误。我也尝试过删除/添加 android 文件夹，但仍然没有运气。

有谁知道这是什么原因造成的？

安装：

npm install --save @ionic-native/barcode-scanner@5.0.0-beta.21

app.module.ts：

import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';

home.ts:

======

依赖项：

我正在使用模拟器从 Android 工作室运行我的示例 Ionic4/Capacitor 应用程序。

我希望能够调试打字稿源，但是当我像往常一样在 chrome://inspect 中打开时，我在任何地方都看不到 ts 文件，只有 js。

我确实找到了这篇文章，但是使用了第二个建议，即

为了在 Android 上调试时查看真正的原始 ts 文件，我修补了 angular cli 源代码（我有 @angular/cli 版本 7.0.0）以使用 inline-source-maps webpack 选项。为此，我将node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js文件 中的一行更改sourcemaps = ‘eval’; 为 sourcemaps = ‘inline-source-map’;

仍然没有为我工作。如果我们不必在 node_modules 中编辑文件也会更好吗？

无论如何，由于大量依赖 SQLite，我需要在模拟器中运行，但仍需要调试主应用程序（ts 文件）。

我正在研究使用 Ionic 4/ Capacitor 通过 Electron 选项来定位 Windows，用于我想使用 SQLite 的应用程序。

使用Ionic Native SQLite插件，它包装了这个 Cordova 插件，开箱即用，据我所见，Windows 支持 UWP，而不是桌面，它在 Ionic Capacitor 包装器中使用 Electron 运行。

我的计划是看看我是否可以使用Electron SQLite包，然后从我的 Ionic 应用程序中调用它，方法是为 Ionic 本机创建一个包装类，类似于我通过遵循本教程获得浏览器支持的方法

如果我可以从我的 Ionic 应用程序中调用 Electron 代码，那么我不明白为什么这不起作用。

所以，我的问题是，我可以调用代码（我将添加函数以使用 SQlite）从 Ionic（Web）代码中添加到托管 Electron 应用程序吗？如果是这样，怎么办？

提前感谢您的帮助

[更新1]

尝试了以下...

从 Ionic 页面，我有一个按钮单击处理程序，我在其中引发了一个事件..

然后在电子项目index.js中，我尝试了..

但都没有奏效。

我应该提到我对 Electron 知之甚少。这是我第一次接触它（通过电容器）

我正在与 Angular 一起使用 Nodejs 来构建一个带有电容器的本机应用程序，并且我正在尝试在应用程序本身内构建一个 Web 服务器。我在本地主机服务器上测试应用程序，但它需要运行一个独立的，像这样的东西：

它与电容器.js 一起运行，那么这两个框架中是否有任何内置组件或模块可以帮助我？最好是可以呈现 .html 文件的一种？像这样的东西

我正在使用 Ionic 4 开发一个混合应用程序。Ionic 就像其他基于 html5 的应用程序一样webview以MainActivity. 使用电容器我已将我的应用程序导入到 android studio 并创建了一个SecondActivity. 如何SecondActivity通过单击第一个活动（MainActivity）中的按钮（这是一个 Ioninc 页面，并且肯定是一个 html webview）来访问。

到目前为止，我已经尝试了不同的方法来实现这一点，但没有运气。我按照本教程创建了一个cordova插件： 从cordova插件启动android活动 它在cordova应用程序中运行良好，但我没有成功将它导入Ionic。我也尝试过电容器，显然使用电容器访问本机代码应该非常容易，但不幸的是，到目前为止我还没有运气。 https://capacitor.ionicframework.com/docs/plugins/android

我将 Capacitor 放入新的 Vue-CLI 生成的 PWA 中。在 iPhone XS 上的 Xcode 中运行项目后，我立即注意到应用程序的视口从凹槽开始并在主页“按钮”下结束。

我不希望内容位于缺口或状态栏下方，只想能够使用状态栏插件对其进行样式设置。

• UIViewControllerBasedStatusBarAppearance被设定为YES
• viewport-fit=cover在视口元不存在
• apple-mobile-web-app-status-bar-style元设置为default
• 不使用离子

我正在开发一个 Compacitor 混合应用程序。我正在尝试按照此页面中的说明进行操作：https : //capacitor.ionicframework.com/docs/plugins/android，以 startActivityForResult（来自混合 javascript 部分），在本机 secondActivity 中执行某些操作并将结果返回到混合部分。这是在其他地方提出的类似问题而没有答案！ https://github.com/ionic-team/capacitor/issues/1044 这是关于我的应用程序的简要说明：Ionic 空白应用程序 + 电容器：这是我 home.page.ts 中的代码

home.page.html 只是一个激活 goToSecondActivity() 的按钮；方法。在将电容器项目打开到 android studio 后，我添加了这个类：

这是第二个Activity.java：

和 activity_second.xml 的相关部分

此代码触发 secondActivity 但本机部分未收到任何数据，除了我在上面的代码中评论的 sillyData ！如果 anyBody 可以提供帮助，那对我来说将是一个很大的帮助。这是 MAinActivity.java：

如何在 Web 浏览器中打开 URL 而不是 Android App 上的应用内 webview？

我用了，

网址在应用内浏览器中打开，我需要打开安卓系统的默认浏览器。

我浏览了官方文档，我从那里找不到无用的信息。

1. https://beta.ionicframework.com/docs/api
2. https://beta.ionicframework.com/docs/components#button
3. https://beta.ionicframework.com/docs/api/button/

我使用 Angular2 和 Capacitor 来测试电容器的项目。我使用 Firebase 进行登录，每次尝试登录时都会使 android 上的电容器项目崩溃。
似乎崩溃发生在重定向/弹出窗口周围。我首先尝试了signInwithPopup(). 我发现这在移动环境中不受支持，所以我搬到了signInWithRedirect

这在返回时也会崩溃，{user: null}但它适用于浏览器和浏览器，这两种方法都有效。
我从 ionic 论坛看到的另一种方法是，getRedirectResult应该将其移至 ，ngOnInit以便当重定向返回到您立即收听重定向的页面时，但这也不起作用。有没有人使用 Angular2 项目在 Capacitor 中实现这一点？
任何帮助或想法将不胜感激