问题标签 [capacitor]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 带电容器的 ionic 3 中 json 获取图像所需的共享功能
我正在使用带有电容器的 ionic 3 制作壁纸应用程序,我想在我的应用程序中下载和共享功能,该功能执行共享/下载图像。
我的图像是从 json 数据中获取的,
请有人帮我解决这个问题。以下是我检查过的代码。
我编写代码以使用 API 获取 Pixabay 站点图像,我想要图像共享功能。
这个项目是使用 Capcitor 构建 Ionic,它为我们提供了 Native 应用程序。
提供者:
Contact.ts
代码:
node.js - 在电子中使用 node.js 模块
我有以下用例:
我想开发一个桌面应用程序,它将在 Raspberry Pi 上运行。我决定使用 Electron 构建桌面应用程序并使用 Angular 作为前端框架 (1)。
我需要为我的应用程序使用一些 npm 模块,以便与 GPIO 引脚或通过以太网 tcp 通信(“net”节点模块)进行通信。我试图在我的 Angular 应用程序中导入这些(例如 import {Socket} from 'net';),但我没有让它们工作。
尝试像这样构造网络套接字时出现以下错误:
let client = new Socket();
Uncaught (in promise): TypeError: undefined is not a constructor (evalating 'new net.Socket()')
这是基本架构中的错误吗,我无法在角度前端中运行取决于后端的代码。还是我做错了什么?
我还发现了电容器 (2),它允许调用本机 sdks。我试图实现我自己的插件,但我得到了与上面相同的错误。
谢谢你的帮助。
(1) https://angularfirebase.com/lessons/desktop-apps-with-electron-and-angular/
(2) https://capacitor.ionicframework.com/docs/plugins/
ionic4 - 带电容器的离子 PWA
我正在构建一个离子 PWA。我不想生成 APK 文件,所以我将我的应用程序添加到主屏幕。我想打开设备相机并通过创建文件夹来保存设备中拍摄的照片。我尝试访问https://capacitor.ionicframework.com/docs/apis/filesystem
api 在设备目录中创建一个文件夹,然后将捕获的照片保存在其中。
但我收到此错误:FileSystem doesnot have web implementation
. 文件系统 api 是否仅在我生成 APK 文件时才有效,或者将来是否有计划支持 Web?
ionic-framework - 我们可以离线运行 Capacitor PWA 应用程序吗?
我刚刚创建了一个 Ionic 项目并在其上添加了电容器(使用“npx cap init”),我设置了我的服务人员(我刚刚在我的索引中留下了 <--- ...... ---> .html)。然后我从我的笔记本电脑上运行“ionic serve”,我试图从我的手机访问它(所以基本上我用我的移动互联网做了一个个人热点,我的意思是我的笔记本电脑和手机有相同的互联网连接),它作品。我可以从我的手机访问我的 ionic 应用程序,而它在我的笔记本电脑上运行不足,但现在我想在我的手机上添加/下载这个应用程序并离线使用它。
你知道我有什么办法吗?非常感谢 !
ionic-framework - Windows support for Electron application created via Capacitor
I have just started looking at Capacitor as a possible solution to package my hybrid apps in an electron shell. This is the first time I have used Electron, so really know very little about it's details.
I ran through the following steps..
I ended up with a subfolder electron\capacitor-app-win32-x64
that contained an executable, which ran fine on both my dev machine (Windows 10 x64), and another Windows (Windows Server 2008 R2 Standard x64).
My ultimate target device is a specialised small ruggedised tablet, that runs Windows 7 Embedded 32 bit.
It does not run on this, I get The version of this file is not compatible with the version of Windows you're running
. I am not even sure if the build app is managed or unmanaged (assuming unmanaged?)
So, I would like to know what is not compatible about the Windows machine. Initial questions are
How do I Know what "bitness" the Electron app is (ie 32 bit, 64 bit, or is it .net to is like "any cpu"). I can't see where to find out this information (dotpeek won't open the exe, and opening the exe in Visual Studio, I don't see much information)
Could it be it is not build for the correct CPU?
Is there some other dependency that perhaps the embedded Windows 7 has not got
Any help is how to figure this out would be great!
[UPDATE1]
Following some advice as given here, it appears it is a 64 bit application, which is strange as the command electron-packager . --platform=win32
appear to indicate we want a 32 bit. So that may be my problem.
Does anyone know how to make it build to 32bit?
ionic-framework - 离子 3 电容器从文档目录返回文件路径
ios上的离子3电容。
我已将 jpeg 文件存储在 AppData Documents 目录中。现在我想显示图像。图像显示在 HTML 中
img src="{{image2}}"
(一个选项)
这是我的工作代码,它返回文件的实际路径(部分基于 Josh Morony 的“离子电容器照片保存”,部分基于电容器源代码 FileSystem API):
this.image 中返回的路径示例:电容器/var/mobile/Containers/Data/Application/1C408C3C-DB30-47C1-3416-6FB2697DC7AF/Documents/photo2.jpeg
我在 Documents 目录中有 20 张照片;中的照片名称array = ["photo1.jpeg","photo2.jpeg","photo3.jpeg"," ...];
我可以将上面的代码重复 20 次,得到 20 条路径,但我想重构代码,使代码返回一个包含 20 条路径的数组。我不知道如何在 ionic 3 中实现这一点。
ionic-framework - 离子 - 电容器构建
我正在切换我的 Ionic 3 应用程序以使用电容器。是否像我们之前所做的那样使用类似的东西来构建用于生产的应用程序--prod
?
arrays - typescript Promise - 在映射的对象数组中持续更改
我试图在 if 条件下替换对象数组中键/值条目的值(文件路径),即文件目录 Documents 中存在一个或多个文件(ios 电容器离子);否则,只返回数组不变。
数组
// for 循环
// 电容文件系统 API;承诺
// 返回 Documents 目录中文件的路径(简化)
// 映射数组
// 如果条目匹配,则设置键 'linethree' 的值
// 否则,返回 e 不变
问题:
在每次迭代中 - 文件名的文件名 - 再次映射原始数组 - 使用其原始值;因此每次迭代都会覆盖上一次迭代的变化。
如何实现每个匹配项的键“linethree”处的值条目 - e.lineone === 文件名 - 持续存在?
期望的替换:
[{"lineone":"nagybácsi","linetwo":"uncle","linethree":"./assets/imgs/logo.png"}]
[{"lineone":"nagybácsi","linetwo":"uncle","linethree":"_capacitor_/var/mobile/Containers/Data/Application/D95D4DEF-A933-43F1-8507-4258475E1414/Documents/nagybácsi.jpeg "}]
javascript - 电容器服务工作者注册未知错误/网络连接被拒绝
我目前正在使用Capacitor制作一个应用程序,因为它使用内部 https 服务器将文件提供给WebView而不是文件协议,这应该允许我使用服务工作者,但遗憾的是这似乎并非如此,甚至据我了解,我所做的一切都在规范范围内。
主脚本代码:
服务工作者代码:
我得到什么
提取脚本时发生未知错误。加载资源失败:net::ERR_CONNECTION_REFUSED localhost/:1 Uncaught (in promise) TypeError: Failed to register a ServiceWorker: 获取脚本时发生未知错误。
我期望得到什么
我是服务人员
另一方面,当我尝试使用完全相同的请求获取服务人员时,它工作正常。
代码:
我得到了什么:
如果有人知道我做错了什么或者这仍然不符合规范,请告诉我