cordova完整版本创建、修改自定义插件重新调试步骤带截图

发布时间:2022-06-08 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了cordova完整版本创建、修改自定义插件重新调试步骤带截图脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

创建第三方插件

npx plugman create --name myplugin --plugin_id xiao.jin.plugin --plugin_version 1.0.0

cordova完整版本创建、修改自定义插件重新调试步骤带截图

添加平台支持

npx plugman platform add --platform_name andROId

初始化插件

npx plugman createpackageJSON ./

cordova完整版本创建、修改自定义插件重新调试步骤带截图

进入我们项目目录,引入我们刚刚自定义的插件

npx cordova plugin add ..myplugin 

cordova完整版本创建、修改自定义插件重新调试步骤带截图

安装插件依赖

npx cordova PRepare 

删除代码里的平台

npx cordova platform rm android

重新安装平台

npx cordova platform add android

重新跑起来

npx cordova run android

cordova完整版本创建、修改自定义插件重新调试步骤带截图

cordova完整版本创建、修改自定义插件重新调试步骤带截图

调试

cordova完整版本创建、修改自定义插件重新调试步骤带截图

测试代码

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完整版本创建、修改自定义插件重新调试步骤带截图

开始写原生代码到插件里,继续调试

例如我们写了一些新的代码到插件里 下面是插件目录里的

  • cordova_pluginmypluginwwwmyplugin.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]);
};

cordova完整版本创建、修改自定义插件重新调试步骤带截图

修改完成以后,开始执行下列操作

进入自己的项目目录
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

cordova完整版本创建、修改自定义插件重新调试步骤带截图

cordova完整版本创建、修改自定义插件重新调试步骤带截图

跑起来啦!开始测试

@H_61_126@

很开心,我们添加的三个方法都上去了哇哦

cordova完整版本创建、修改自定义插件重新调试步骤带截图

开始自己写原生代码自定义这三个方法哇~~

如果你觉得这么调试很麻烦,其实也可以这样

下面这个代码是已经执行完毕上面的操作后,我使用AS软件打开,进行调试代码使用,我们可以在这里进行原生代码的修改以及调试,但是切记,调试完毕一定要复制粘贴到外面的插件哇!!!!

cordova完整版本创建、修改自定义插件重新调试步骤带截图

如果用AS 改了代码,一定要记得复制到自己的插件里,调试完以后再重新安装一遍哇!!!!

修改XMl注意事项

cordova完整版本创建、修改自定义插件重新调试步骤带截图

cordova完整版本创建、修改自定义插件重新调试步骤带截图

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~

脚本宝典总结

以上是脚本宝典为你收集整理的cordova完整版本创建、修改自定义插件重新调试步骤带截图全部内容,希望文章能够帮你解决cordova完整版本创建、修改自定义插件重新调试步骤带截图所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。