怎么在Ionic项目中使用NativeCamera方法-创新互联

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

创新互联建站专业为企业提供临潼网站建设、临潼做网站、临潼网站设计、临潼网站制作等企业网站建设、网页设计与制作、临潼企业网站模板建站服务,十年临潼做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

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方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联网站建设公司行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:怎么在Ionic项目中使用NativeCamera方法-创新互联
当前地址:http://ybzwz.com/article/dshdss.html