Capacitor Plugin 实现

1、打开创建好的插件文件，使用Visual Studio Code打开该文件。

2、在src目录下面找到definitions.ts文件，编写方法定义

例如编写写明的方法

options对应参数，Promise对应的返回的结果。

3、在src下找到web.ts文件，在里面编写web的实现

实现方法如下：

4、然后再android和iOS平台编写插件的实现，下面以iOS为例：

找到iOS文件夹，使用Xcode打开Plugin.xcworkspace

在Plugin.m定义插件方法

CAP_PLUGIN(Plugin, "Plugin",

CAP_PLUGIN_METHOD(echo, CAPPluginReturnPromise);

在Plugin.swift里面实现：

@objc func echo(_ call: CAPPluginCall) {

let value = call.getString("value") ?? ""

call.success([

"value": value

])

}

在Plugin.java里面实现:

@PluginMethod

public void echo(PluginCall call) {

String value = call.getString("value");

JSObject ret = new JSObject();

ret.put("value", value);

call.success(ret);

}

参考链接：

https://www.lipsuper.com/index.php/2020/08/19/capacitor2-3-0chinesedoc-9/

https://www.jianshu.com/p/0faaff26a2c8

Capacitor Plugin 实现相关推荐

Capacitor Plugin创建
首先打开终端, 运行 : npx @capacitor/cli plugin:generate 填写插件相关信息 Plugin NPM name:在npm上可用的名称. Plugin ID: 域名样式 ...
capacitor 安卓插件版本兼容问题
问题原因项目之前使用的是Capacitor 3.0的插件,但是目前官方版本使用的是capacitor4.0,所以npm init @capacitor/plugin 会默认构建4.0版本的插件,这样 ...
Ionic Capacitor 插件开发
Ionic Capacitor 插件开发 NPM 私有库搭建 Ionic Capacitor 插件开发完成后会产生一个插件目录发布插件 NPM 私有库搭建因为我们很多时候可能并不想使用公有的np ...
Cordova在左，Capacitor在右
自本人简书文章迁移https://www.jianshu.com/p/33c21660f50e Cordova(Webview)是第一代的混合式应用技术代表,ReactNative/Weex/Nati ...
Capacitor实现WebView中访问的自定义Android代码
前言 Capacitor 自定义插件实现WebView中访问的自定义Android代码最近在工作中使用Vue+Vant+Capacitor 开发打包移动端应用,因业务需求需与原生的Android进 ...
Capacitor 新一代混合应用“神器” 会代替Cordova吗？？
1.介绍or畅想 Capacitor是由ionic团队最新开发维护的一个跨平台的应用程序容器,可以轻松构建在iOS,Android,Electron 和 Web 上本机运行的Web应用程序.我们称这些 ...
Ionic + Vue3 + Capacitor 配置环境、打包应用常见问题
目录 1. 配置环境 1.1 前置工具安装及配置 1.1.1 下载并安装 Node.js.代码编辑器 1.1.2 下载打包所需要的文件 1.1.3 配置环境变量 1.2 安装 ionic.native ...
vue3+quasar+capacitor开发多平台项目,使用cordova和capacitor插件(支持所有前端框架）
先看文档框架文档地址:https://quasar.dev/start/quasar-cli 创建项目 npm init quasar 运行与打包命令 npx quasar devnpx quasa ...
ionic+vue+capacitor系列笔记--03项目使用Native插件
1. 下载依赖 npm install @capacitor/camera 添加权限配置代码到安卓文件夹里的 AndroidManifest.xml <uses-permission andro ...

Capacitor Plugin 实现

Capacitor Plugin 实现相关推荐

最新文章

热门文章