成都网站建设设计

将想法与焦点和您一起共享

怎么在Ionic项目中使用NativeCamera方法

怎么在Ionic项目中使用Native Camera方法?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联-专业网站定制、快速模板网站建设、高性价比滦州网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式滦州网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖滦州地区。费用合理售后完善,十年实体公司更值得信赖。

1)第一步是安装ionic-native/core。所有用到Native的功能,这一步不能省。npm install @ionic-native/core --save

ps:关于第一步,官方的说明是ionic-native/core是默认就包含在每一个Ionic应用里面的,注意下图中的红色矩形文字。

言外之意如果开发环境都是最新版本,期间也没有经历Ionic版本的升级,是可以忽略这一步的,不需要开发者手动安装。

怎么在Ionic项目中使用Native Camera方法

但是,在实际开发过程中,很多时候可能会遇到下面这样的问题:

怎么在Ionic项目中使用Native Camera方法

原因无非还是因为升级。。。升级。。。升级。我的项目创建是基于Ionic v2.2.2版本。但是期间经历过Ionic官方升级到v3.2.0版本。

所以解决的办法就是:

怎么在Ionic项目中使用Native Camera方法

2)其次是给自己的项目添加cordova插件。ionic cordova plugin add cordova-plugin-camera

怎么在Ionic项目中使用Native Camera方法

3)安装相应的node_moudles。npm install --save @ionic-native/camera

4)找到代码src->app下的app.moudle.ts文件, Add this plugin to your app's module。这一步可以放到最后做,但是一定不要忘。

怎么在Ionic项目中使用Native Camera方法

5)其他就是添加你如何使用Camera的代码。

怎么在Ionic项目中使用Native Camera方法

怎么在Ionic项目中使用Native Camera方法

6)编码工作完成后,就是使用Chrome测试cordova插件了。

ionic cordova platform add browser

ionic cordova run browser

不是直接ionic serve的原因参见:http://www.cnblogs.com/crazyprogrammer/p/6878981.html注意Chrome阻止网页使用摄像头的时候,记得修改为允许。

怎么在Ionic项目中使用Native Camera方法

怎么在Ionic项目中使用Native Camera方法

看完上述内容,你们掌握怎么在Ionic项目中使用Native Camera方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享文章:怎么在Ionic项目中使用NativeCamera方法
分享链接:http://chengdu.cdxwcx.cn/article/gcjijd.html