capacitor插件创建使用过程
- 1. 初始化一个vue项目
- 2.安装capacitor依赖
- 3.自动化创建插件
- 4. 实现功能后构建插件,插件目录下生成dist文件夹
- 5. vue项目中安装插件
- 6. vue项目中使用接口
- 7. 构建vue项目
- 8.构建为安卓项目
- 9.打包APK
1. 初始化一个vue项目
过程省略,本案例用的vue3+typescript
2.安装capacitor依赖
npm install @capacitor/cli @capacitor/core
3.自动化创建插件
在当前vue项目目录下执行命令:
npm init @capacitor/plugin
- npm package名字就是插件的名称
- directory就是插件目录
创建成功后,vue目录下就有一个插件项目diag_plugin
分析一下生成了什么
注意capacitor跨安卓、ios、web平台,所以产生了安卓ios和src三个文件夹,src下有三个ts文件,要在插件中实现新功能,首先在src/definitions.ts中为插件导出的 TypeScript 接