cordova完整版本创建、修改自定义插件重新调试步骤带截图
创建第三方插件
npx plugman create --name myplugin --plugin_id xiao.jin.plugin --plugin_version 1.0.0
添加平台支持
npx plugman platform add --platform_name android
初始化插件
npx plugman createpackagejson ./
进入我们项目目录,引入我们刚刚自定义的插件
npx cordova plugin add ..\myplugin\
安装插件依赖
npx cordova prepare
删除代码里的平台
npx cordova platform rm android
重新安装平台
npx cordova platform add android
重新跑起来
npx cordova run android
调试
测试代码
function onSuccess1(res) {
console.log('成功啦:res')
console.log(res)
alert('成功啦:'+res)
}
function onError1(res) {
console.log('出错啦:res')
console.log(res)
alert('出错啦' + res)
}
window.cordova.plugins.myplugin.coolMethod('test plugin myplugin', onSuccess1, onError1)
开始写原生代码到插件里,继续调试
例如我们写了一些新的代码到插件里 下面是插件目录里的
- cordova_plugin\myplugin\www\myplugin.js
var exec = require('cordova/exec');
exports.coolMethod = function (arg0, success, error) {
exec(success, error, 'myplugin', 'coolMethod', [arg0]);
};
exports.getUserToken = function (arg0, success, error) {
exec(success, error, 'myplugin', 'coolMethod', [arg0]);
};
exports.getStaffId = function (arg0, success, error) {
exec(success, error, 'myplugin', 'coolMethod', [arg0]);
};
exports.getStaffName = function (arg0, success, error) {
exec(success, error, 'myplugin', 'coolMethod', [arg0]);
};
修改完成以后,开始执行下列操作
进入自己的项目目录
cd ..\splugin\
删除项目中的这个有问题的插件,记得后面那个是插件的ID哦
npx cordova plugin rm xiao.jin.plugin
重新添加插件,后面那个是插件相对路径
npx cordova plugin add ..\myplugin\
删除代码里的平台
npx cordova platform rm android
重新安装平台
npx cordova platform add android
安装插件依赖
npx cordova prepare 安装插件依赖
插上手机,重新跑起来
npx cordova run android
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决