ionic2 cordova插件用法之二

让混合 app访问远端网站也能调用cordova插件功能(ionic cordova) 参考地址:https://blog.csdn.net/lovelyelfpop/article/details/50735395感谢上面链接博主文章;贴出部分关键点:在远端网站的index.html上添加下面的js引用,来加载cordova插件:<script src="file:///android_asset/www/cordova.js" type="text/javascript" ... 阅读详情

之前参考官方的写了一种用法,但是这种用法不是很方便,于是再写个方便一些的。

以cordova-plugin-wechat为例:

在项目中创建wechat-plugin.ts,代码如下:

declare var Wechat: any;  // 此处声明plugin.xml中clobbers对应的值

export interface WechatPayParam {
  mch_id: string;
  prepay_id: string;
  nonce: string;
  timestamp: string;
  sign: string;
}

export class WechatPlugin {

  public static isInstalled() {
    return new Promise((resolve, reject) => {
      Wechat.isInstalled(result => {
        resolve(result);
      }, error => {
        reject(error);
      });
    });
  }

  public static sendPaymentRequest(params: WechatPayParam) {
    return new Promise((resolve, reject) => {
      Wechat.sendPaymentRequest(params, result => {
        resolve(result);
      }, error => {
        reject(error);
      });
    });
  }
}
调用代码如下:

WechatPlugin.sendPaymentRequest({
          mch_id: prepayInfo.partner_id,
          prepay_id: prepayInfo.prepay_id,
          nonce: prepayInfo.nonce_str,
          timestamp: prepayInfo.timestamp,
          sign: prepayInfo.sign
        }).then(() => {
          alert("success");
        }).catch((error) => {
          alert(error);
        });



cordova和ionic安装总结 最近公司要求我开发安卓APP,而我是做WEB前端的。对于原生的安卓编程会的不是很多,只掌握一些JavaWEB的知识。所以想打算用hybrid app技术开发APP应用。而现在主流的**Hybrid app**框架是**phonegap**。在使用phonegap做混合式开发之前需要下载很多软件及插件。如:**JavaJDK、node.js、cordova、ionic、Android studio、A 阅读详情

相关推荐

在 ionic 如何使用cordova 插件来访问相册 ,访问相机,拍照和录制视频

在 ionic 如何使用cordova 插件来访问相册 ,访问相机,拍照和录制视频1.访问相册 (1).安装官方插件:http://ngcordova.com/docs/plugins/imagePicker/[code lang="psd"] $ cordova plugin add https://github.com/wymsee/cordova-imagePicker.git [/code...

cxkong1392661293的专栏 2990

微信支付插件使用

各种原因导致我临时从原生转到混编开发,原以为会比较简单。听一个人的介绍还以为直接粘个url访问远程网络就完事的,后来查看苹果官方文档,如果按那人的想法,估计肯定审核不通过,所以我只能想一些别的方案来实现(该方案也可能审核不通过但是比直接粘URL被驳回的概率会低一些,具体怎样不说自己懂就好)。微信支付的插件混编型的app要唤起支付等操作,需要用到各种插件,开源的微信支付插件比较多人用的应该是xu-li

suusatoshigi@iOS 5449

ionic cordova 语音识别集成

费很大劲,弄好了,暂时项目不用,写下来省得忘记

m0_38050352的博客 3570

这回又来个 ionic2 的微信支付!(遇到一些莫名的BUG)

目录目录 ionic2实现微信支付前的准备工作 ionic2中的微信支付 ionic2中实现微信支付的参考代码 客户端APP 实现插件的封装 WechatPlugints 引入WechatPlugints文件 包装好需要传入的参数WechatPayParam 调用微信支付方法sendPaymentRequest 服务端PHP实现上述的params参数 实际遇到的问题及BUG 注意点 更多参考 参考:

梦空间 8866

CentOS7下Ollama部署全攻略:从安装到自定义端口配置(附国内加速技巧)

本文详细介绍了在CentOS7系统上部署Ollama的完整流程,包括环境准备、模型下载优化、服务化部署及端口配置等关键步骤。特别针对国内网络环境提供了加速安装方案和镜像源配置技巧,帮助开发者快速搭建稳定的本地AI运行环境。

mmm90的博客 289

如何在STM32上5分钟搞定nanopb协议传输?附完整代码示例

本文提供了在STM32微控制器上快速集成nanopb协议传输的实战指南。通过详细的步骤,从.proto文件定义、代码生成到STM32CubeIDE项目移植,帮助开发者利用nanopb这一轻量级Protocol Buffers C语言实现,在5分钟内构建高效、跨平台的嵌入式设备通信框架,并附有完整的代码示例。

jwt8token的博客 839

cordova-plugin-wechat插件的使用

项目目前使用到的是微信支付和微信登录。 github上作者demo https://github.com/xu-li/cordova-plugin-wechat一、准备 1.微信开发者平台-创建移动应用 安卓需要绑定签名和包名,ios绑定BundleID 2.第一步申请通过之后就可以进行分享和授权了,如果还需要微信支付需要进一步申请。 二、使用 1.登录 var scope = “sn

拼搏的夏目 1万+

Eplan P8 API二次开发--插入符号(Symbol)功能(Function)并定义属性

1、目的 使用Eplan API在页中自动插入某个符号并按约定规则自动设置好属性 2. 步骤 一、基础信息 比如要在Eplan中自动插入一个电机的符号并定制属性,我们先要确定要插入的符号名,可以在Eplan中获取如下符号(Symbol)信息 可以知道我们待插入的符号名称为M3_1, 接下来,使用Visual Studio建立类库项目,并引用Eplan Api库 二、获取符号变量(SymbolVariant) 在Eplan中,当一个符号(Symbol)被插入到页中,这个符号的引用即变为一个(Function

如是道程序人生 4529

Cordova 调用微信SDK,实现微信支付、微信分享、微信登录、打开微信小程序

Cordova 微信支付 Cordova 微信分享 Cordova 微信打开小程序 Cordova 微信登陆 cordova plugin add cordova-plugin-wechat-chenyu --variable WECHAT_APPID=[your key]

m0_37609394的博客 4457

abaqus2matlab的安装与使用:如何用matlab提取abaqus的odb结果

官网abaqus2matlab官网地址matlab社区地址matlab社区地址在这里可以看到.m文件的源码论文:Abaqus2Matlab: A suitable tool for finite element post-processingabaqus2matlab可以处理.inp、.fil、.odb三种类型的文件。.inp文件:处理功能就在于只是单纯的输出inp文件,由于我自己写了自己的函数,不需要用到这个功能。

qianxin1234的博客 2019

Silvaco TCAD 2018安装后,如何配置TonyPlot 5.0.22.R并解决绘图报错?

本文详细介绍了在Windows系统上安装Silvaco TCAD 2018后,如何正确配置TonyPlot 5.0.22.R并解决常见的绘图报错问题。内容包括版本兼容性分析、环境变量设置、常见错误解决方案以及性能优化建议,帮助用户顺利完成仿真结果的可视化工作。

weixin_31031711的博客 422

微信登录,分享,支付 cordova-plugin-wechat

// 分享功能 微信、朋友圈 toShare (data) { Wechat.isInstalled((installed) => { if (installed) { this.dialogs = false if (data === '微信') { Wechat.share({ message: { title: this.title, // 标

LR13567的博客 926

EEGLAB数据预处理基本流程GUI实操指南

按钮,会出现如上图所示的长条形对话框,方框里面是所有电极的名称,这时将需要的剔除的电极选择上,如上图,我选择了 VEOG这个电极(该电极表示是垂直眼电),然后点“OK”,在弹出的对话框中自行确定是否需要修改命名。坏导是指在数据采集时,由于各种原因(如,电极本身问题或阻抗不好等)导致数据记录有问题,但是在后期又特别想要该通道的数据,那么就可以利用插值的方法进行——利用该导联周边的几个电极点的均值作为该导的数据。上图的图是通过IClabel的工具箱进行自动判断的,可以帮助自动识别出哪些是Eye的成分。

fdgdf5535的博客 6397

ionic和ionic2 环境下编写自定义cordova插件

编写自定义的cordova插件,并在ionic1和ionic2的环境中使用

N4A的博客 5383

基于云盾构建等保三级Web安全体系:从合规要求到实战落地

网络安全等级保护(等保)是保障信息系统安全的重要制度,其核心原理是通过分级防护、动态调整的策略,构建纵深防御体系。在技术层面,等保要求覆盖物理环境、通信网络、区域边界、计算环境和安全管理中心等多个层面,旨在通过技术和管理相结合的方式,有效应对网络攻击和数据泄露风险。对于Web应用而言,满足等保三级要求具有极高的技术价值,它不仅是合规的刚性需求,更是提升业务系统整体安全水位、建立用户信任、保障业务连续性的关键工程实践。在云计算时代,利用云原生安全服务(如Web应用防火墙WAF、云安全中心、态势感知等)可以高效

weixin_29324877的博客 308

OpenClaw实战系列07:定时任务与自动化工作流实战——让AI从“被动响应”到“主动执行”

通过本文的学习,你已经将 OpenClaw 从“被动应答”升级为“主动执行”的自动化引擎。定时简报:每天8点自动生成行业简报推送飞书/钉钉GitHub事件触发:PR合并自动触发Code ReviewAgent间协作:数据采集→分析→报告全自动流水线系统监控:定时检查服务器状态,异常自动告警核心收获掌握 OpenClaw 内置 Cron 系统的三种调度模式学会 Webhook 配置和事件触发机制理解 Agent 间通信的两种方式(sessions_spawn / sessions_send)

PeterPan的博客 691

ionic插件基础(三)——插件原理及cordova相机插件的使用

本文主要讲解了插件的原理和使用cordova封装好的插件的使用

Lxr的博客 8147

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

ionic5+如何调用cordova插件中的方法

ionic5+如何调用cordova插件中的方法环境安装cordova插件ionic调用cordova插件中的方法总结 目前为止,网上搜到的有关ionic的帖子都是4以下的,但是我的ionic-cli是5.4.4的,所以目录结构与网上说的有所差异,所以在用ionic开发的程序调用自定义cordova插件方法时,遇到了许多坑,特此说明一下,希望对更新到ionic5+的你有所帮助。废话不多说。 环境...

lzfengluo的博客 2463

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

ionic cordova 热更新

因为项目需要,使用cordova的热更新插件,本地调试很简单,看连接https://github.com/nordnet/cordova-hot-code-push,就几步,这里不说了。  下面两个要装下   npm install -g cordova-hot-code-push-cli(用来动态生成chcp.json和chcp.manifest两个文件)      cordova plu

ioshunjian的博客 3549

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

ionic 调用自定义cordova插件

ionic 作为一个跨平台h5框架,越来越收到开发人员的欢迎,如果通过ionic去调用原生开发的SDK?可以通过 js 调用cordova 插件的方式来实现。本文通过一个简单的例子程序,来实现通过ionic 来调用 原生接口。该例子通过网页打开原生的的一个UIViewController。  一.cordova 插件生成  1. 安装plugman       npm instal

baishenglong的专栏 2000

理解Ionic、Angular、Cordova及插件之间的关系

本文提及概念不区分Ionic 1/Angular 1和Ionic 2/Angular 2。 首先我们需要明确以下几个概念:1.即使我们将移动端web页面做得和原生应用及其相似,在我们的页面中也无法像原生应用那样调用原生的能力,当然通过输入框触发键盘、图库、拍照等操作不在这里“调用原生能力”的范畴。2.单纯的web页面不能提交到应用商店被用户使用。然后,我们分别就它们之间的关系做出解释:Ionic和A

无声告白 2万+

Ionic Angular Cordova Seed:快速构建跨平台移动应用的终极起点

想要快速启动你的 Ionic 跨平台移动应用开发之旅吗?Ionic Angular Cordova Seed 项目正是你需要的完美起点!🚀 这个种子项目为开发者提供了一个完整的、可直接运行的 Ionic 应用模板,结合了 AngularJS 框架和 Cordova 平台,让你能够快速构建可在 iOS 和 Android 上运行的移动应用。 ## 为什么选择 Ionic Angular Cord

gitblog_02629的博客 773

cordova 调用蓝牙_Ionic2Cordova蓝牙插件封装

首先有Ionic2以及Cordova环境如果没有在命令行执行以下命令npm install -g ionic cordova //全局安装ionic 和cordova指令ionic start myApp tabs --v1 创建ionic2项目之前文章讲到了 “--v1&&--v2代表ionic不同版本”npm install -g plugman //全局安装cordov...

weixin_39758392的博客 524

ionic插件基础(一)——插件的目录结构

本文主要讲解ionic插件目录结构,先初步认识ionic插件

Lxr的博客 3951

自定义Cordova插件、Ionic插件开发

cordova本身提供了很多html访问本地硬件代码的插件,但这仍不可能满足我们所有的需求,因此, Cordova插件的开发是非常必要的,本文详细介绍了 cordova/ionic 插件的开发,同时示例代码已经发布到github上,代大家参考

longtaoge的专栏 6982

cordova/ionic alipay 支付宝插件

        最近在做的一个项目中涉及到了支付宝支付。在尝试了网络上的几个插件之后,发现都因为版本太老,支付宝官方提供的接口已经发生了改变,所以无法使用。于是决定自己动手编写一个最新版的支付宝插件,下面我们进入主题。1、创建插件目录        新建一个文件夹,作为插件根目录,在根目录中新建两个文件夹,一个为src存放原生代码源文件,一个为www存放插件js文件。另外在根目录下创建plugin...

BeanYon的博客 3542
上一篇: ionic2 RC0 android物理键退出app
下一篇: ionic3 设置ssl-pinning
malonely
博客等级 码龄18年 9粉丝 13原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值