用ionic框架开发移动端应用基本介绍和原理

来源:互联网 发布:知乎提问怎么取消匿名 编辑:程序博客网 时间:2024/06/05 10:34

首先要安装ionic,我们利用nodejs的npm,由于国内网络的原因,安装可能失败,可以用“蓝灯“来解决这个问题,安装命令如下:

npm install -g cordova ionic 环境搭建
ionic start myApp 创建应用
ionic server 启动应用(需要注意的是,在启动应用的时候要进入myApp文件夹下面,不然会报错


这里需要注意的是,我们安装的时候把cordova也一起安装了,cordova是ionic构建和打包原生应用的工具。

下面是整个技术栈的一个简单介绍:

1.用户打开应用

2.设备加载cordova应用封装器(设备)

3.cordova应用加载器加载新webview -->带javascript API的webview -->webview加载index.html文件(cordova)

4.angular加载并确认默认视图(angular)

5.渲染ionic组建并用作UI(ionic)

上面是ionic框架的技术栈和它所有关联的关系介绍。

技术要求:前期主要学ionic框架的组件,这个比较快,然后是angularjs的学习,要知道ionic视图离不开angular,如果开发的应用要用Android/iOS系统的内置应用,那么你需要学习cordova相关的知识,这里就用到了我们刚开始安装的cordova。


0 0
原创粉丝点击