热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

IONIC5+电容器:如何从github安装无离子本机的cordova插件?

我想将

我想将GitHub上可用的Cordova插件添加到我的IONIC 5+电容器(角度)项目中。

此外,我不知道如何安装和集成此插件,因为official manual表示,
npm install https://github.com/DigitalsunrayMedia/cordova-plugin-stepcounter

npm install ionic-native/???????

我的问题就在这里!我该如何使用npm install ionic-native/????????输入?所需的插件不作为Ionic Native插件存在。

只要执行以下命令就足够了:

npm install https://github.com/DigitalsunrayMedia/cordova-plugin-stepcounter.git
npx cap sync

没有npm install ionic-native/????

步骤

我还想知道是否可以在Ionic Capacitor中轻松添加和使用它,或者是否必须在文件中进行更改。

如何在Typescript中解决此插件?我是否必须向module.app添加任何内容?

如果按照电容器规定的方式进行,是否足够?
import { Plugins } from '@capacitor/core';
const { Stepcounter } = Plugins;

我非常感谢您的任何建议!谢谢你 :)
最好的祝福,
程序员


是的,您可以安装插件并在没有ionic-native的情况下使用它,基本上ionic-native只是类型库的包装器。

最简单的方法是实施服务

import { Injectable } from '@angular/core';
declare var stepcounter: any;
@Injectable({
providedIn: 'root'
})
export class StepCounterService {
constructor() {}
start(startingOffset) {
return new Promise((resolve,reject) => {
stepcounter.start(
startingOffset,message => {
resolve(message);
},() => {
reject();
}
);
});
}
stop() {
return new Promise((resolve,reject) => {
stepcounter.stop(
message => {
resolve(message);
},() => {
reject();
}
);
});
}
getTodayStepCount() {
return new Promise((resolve,reject) => {
stepcounter.getTodayStepCount(
message => {
resolve(message);
},() => {
reject();
}
);
});
}
getStepCount() {
return new Promise((resolve,reject) => {
stepcounter.getStepCount(
message => {
resolve(message);
},() => {
reject();
}
);
});
}
deviceCanCountSteps() {
return new Promise((resolve,reject) => {
stepcounter.deviceCanCountSteps(
message => {
resolve(message);
},() => {
reject();
}
);
});
}
getHistory() {
return new Promise((resolve,reject) => {
stepcounter.getHistory(
message => {
resolve(message);
},() => {
reject();
}
);
});
}
}

现在您将其注入所需的位置,以便可以使用它

PS。我假设您使用的是angular和Typescript,如果您使用的是Vanilla ionic和Javascript,则可以安装插件并使用它


推荐阅读
  • 本文讨论了clone的fork与pthread_create创建线程的不同之处。进程是一个指令执行流及其执行环境,其执行环境是一个系统资源的集合。在调用系统调用fork创建一个进程时,子进程只是完全复制父进程的资源,这样得到的子进程独立于父进程,具有良好的并发性。但是二者之间的通讯需要通过专门的通讯机制,另外通过fork创建子进程系统开销很大。因此,在某些情况下,使用clone或pthread_create创建线程可能更加高效。 ... [详细]
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • 向QTextEdit拖放文件的方法及实现步骤
    本文介绍了在使用QTextEdit时如何实现拖放文件的功能,包括相关的方法和实现步骤。通过重写dragEnterEvent和dropEvent函数,并结合QMimeData和QUrl等类,可以轻松实现向QTextEdit拖放文件的功能。详细的代码实现和说明可以参考本文提供的示例代码。 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • sklearn数据集库中的常用数据集类型介绍
    本文介绍了sklearn数据集库中常用的数据集类型,包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集,包含了波士顿506处房屋的13种不同特征以及房屋价格,适用于回归任务。 ... [详细]
  • 本文介绍了三种方法来实现在Win7系统中显示桌面的快捷方式,包括使用任务栏快速启动栏、运行命令和自己创建快捷方式的方法。具体操作步骤详细说明,并提供了保存图标的路径,方便以后使用。 ... [详细]
  • 本文介绍了如何使用C#制作Java+Mysql+Tomcat环境安装程序,实现一键式安装。通过将JDK、Mysql、Tomcat三者制作成一个安装包,解决了客户在安装软件时的复杂配置和繁琐问题,便于管理软件版本和系统集成。具体步骤包括配置JDK环境变量和安装Mysql服务,其中使用了MySQL Server 5.5社区版和my.ini文件。安装方法为通过命令行将目录转到mysql的bin目录下,执行mysqld --install MySQL5命令。 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • 树莓派语音控制的配置方法和步骤
    本文介绍了在树莓派上实现语音控制的配置方法和步骤。首先感谢博主Eoman的帮助,文章参考了他的内容。树莓派的配置需要通过sudo raspi-config进行,然后使用Eoman的控制方法,即安装wiringPi库并编写控制引脚的脚本。具体的安装步骤和脚本编写方法在文章中详细介绍。 ... [详细]
  • 本文详细介绍了git常用命令及其操作方法,包括查看、添加、提交、删除、找回等操作,以及如何重置修改文件、抛弃工作区修改、将工作文件提交到本地暂存区、从版本库中删除文件等。同时还介绍了如何从暂存区恢复到工作文件、恢复最近一次提交过的状态,以及如何合并多个操作等。 ... [详细]
  • centos安装Mysql的方法及步骤详解
    本文介绍了centos安装Mysql的两种方式:rpm方式和绿色方式安装,详细介绍了安装所需的软件包以及安装过程中的注意事项,包括检查是否安装成功的方法。通过本文,读者可以了解到在centos系统上如何正确安装Mysql。 ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
  • ReactJSUIAnt设计空组件原文:https://w ... [详细]
  • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
author-avatar
奈奈奈酱奈32_875
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有