摘 要：移动互联网的飞速发展，促进了国内手机电子市场的飞速发展以及智能手机的普及，最终推动了移动APP应用开发市场的发展。文章设计了一个Ionic框架的移动平台图片浏览HybridAPP，移动端采用PhoneGap组件库，服务器端采用PHP平台，后台数据存储采用MySQL数据库，移动端和服务器端的通信采用JSONP协议。
　　关键词：Ionic；PhoneGap；JSONP；HybridAPP
　　1 采用HybridAPP模式开发图片浏览APP
　　近年来国内手机电子市场的飞速发展，推动了国内智能手机的普及，各式各样的移动平台APP也应运而生。越来越多的网民开始采用有别于传统上网方式的移动端连接互联网，移动APP具备了良好的现实环境。当前移动APP有3种典型的开发模式。
　　1.1 原生程序
　　典型的原生程序依托于操作系统，是一个完整的移动端应用程序[1]。它具有较强的可拓展性强，但是需要用户下载安装使用。采用原生应用程序模式开发移动端APP的外观和性能相对其他模式是最佳的。
　　1.2 WebAPP
　　WebAPP采用HTML5语言编写，因此不需要下载安装。WebAPP需要在浏览器中运行，可以说是移动端的网页应用。应用程序使用标准的Web技术[2]，应用程序可实现跨平台在多个设备上运行。
　　1.3 HybridAPP
　　HybridAPP指的是半原生半WebAPP的混合使用。需要下载安装，但是访问的内容是远端服务器内容。HybridAPP同时继承上述两类应用的优点，既可以方便地调用到设备本地功能，同时又具有跨平台、多种设备兼容、升级快速和维护方便等优点[3-4]。
　　2 基于PhoneGap开发部署应用
　　PhoneGap是一个用基于网络脚本技术的跨平台移动应用程序的快速开发平台。使用PhoneGap不但可以方便地调用设备本地功能，而且还可以调用PhoneGap自带的丰富的插件功能。移动平台的很多主流移动开发框架均源于PhoneGap。本设计所采用的Ionic框架也源于PhoneGap。
　　3 利用Ionic部署APP前端框架
　　Ionic是一个通用的开源代码库。可以优化HybridAPP的性能，构建高效的应用程序，通常Ionic包含3部分内容[5]。
　　（1）CSS框架提供APP应用的样式模拟功能[6]。（2）JavaScript框架提供移动Web应用开发基础框架，包括实现前端路由。（3）命令行提供命令行工具集用来简化应用的开发、构造和仿真运行。
　　本设计中的图片浏览器采用Ionic构建APP的前端框架[7]。
　　4 利用JSONP协议进行服务器和移动端通信
　　本设计采用基于JSONP设计，解决了浏览器的跨域数据访问的问题。基于同源策略，移动平台上浏览器的本地的网页无法与不在同一个域的服务器沟通，而HTML的