Ionic开发笔记 (五 拍照&真机Debug)

五、ngCordova插件包的使用

ionic开发插件之ngCordova配置安装：http://www.haomou.net/2015/01/05/2015_ionic_ngCordova/

ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展，让开发者可以方便的在HybridApp开发中调用设备能力，即可以在AngularJs代码中访问设备能力Api。

先安装前端包管理工具：bower，

> npm install bower -g

# 项目根目录下

> bower install ngCordova

应用的module中注入：

安装拍照camera插件

>cordova plugin add cordova-plugin-camera

注意：调用cordova插件之前要确保 原生时间deviceready已经被调用，html页面每次加载完成都会触发deviceready事件，只有此事件触发之后html才可以通过cordova调用platform(android/ios)的硬件API功能。

参见：http://rensanning.iteye.com/blog/2019289

真机Debug调试：

>npm install weinre -g

# 启动调试网页工具

>weinre --httpPort 8080 --boundHost -all-

chrome中访问：

http://localhost:8080/client/

怎样调试ionic开发的hybridApp web view：

http://blog.csdn.net/ioniconline/article/details/50162685

http://www.cnblogs.com/miss-radish/p/4877621.html

app项目的index.html 中引入 target-script-min.js，

本机的IP地址，用真机才能访问到，apk打包 安装到真机上之后就可以，不过好像只能查看Element的html元素。

优化后！

至此就可以拍照了。

参考：

http://blog.csdn.net/findsafety/article/details/47082117

关注微信公众号：jiagouyanjin (架构演进 全拼）