AngularJS 之iOS 移动 APP 混合开发（原生+JS）

时间：2024-12-13 18:07:56

  • Ionic 简介

    • Ionic框架是什么

    Ionic 是目前最有潜力的一款 HTML5

    手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选 择。

    • Ionic框架的构成部分
    • Ionic的优点

    Ionic为性能而生-追求性能：

    在html5移动app开发中,速度是很重要的。Ionic在最新的移动设备中表现非常卓越，运行非常流畅。 操作最少的 DOM，非 jQuery，和硬件加速过渡，让您感觉到用html5开发的app也可以飞起来

    Ionic完美的融合下一代移动框架 AngularJS- AngularJS移动端解决方案

    Ionic让你看不出混合应用和原生的区别-专注原生

    一个强大的命令行

    利用Ionic只需要一个命令就可以创建，构建，测试，部署你的应用程序在任何平台上。有令人惊叹的功能，只需要npm install -g ionic 就可以创建您的应用。

    中文参考：http://www.ionic.wang/

  • Cordova 简介

    • Cordova是什么

    是可以将我们用HTML、CSS和Javascript写的界面运行在各种平台的一个平台而已。

    • Cordova的plugins

    它有很多大概1108个插件，可以很方便的支持我们的使用。

    这里可以找到ionic中为我们封装好的各种常用的Cordova插件

    http://ngcordova.com/docs/plugins/actionSheet/

    • Cordova的优点

    使用简单，快捷

    参考：http://cordova.apache.org/

  • 开发环境的搭

    • 安装Ionic

    首先您需要安装 Node.js. 其次, 安装最新版本的cordova 和 ionic command-line tools.

    ios官方安装文档

    http://cordova.apache.org/docs/en/3.3.0/guide_platforms_ios_index.md.html#iOS Platform Guide

    $ npm install -g cordova ionic

    通过ionic创建一个项目

    使用Ionic官方提供的现成的应用程序模板，或一个空白的项目创建一个Ionic应用。

    $ ionic start myApp tabs
    • 创建app测试是否安装成功

可能遇到的问题

mac下谷歌浏览器的跨域问题解决

通过命令行启动chrome：

open -a "Google Chrome" --args --disable-web-security

重新启动浏览器就好了。

相关文章