![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
混合开发框架Ionic
混合开发框架Ionic
KarenChia
[Android领域]优质创作者,[ZK程序员的自我修养]公号作者,[幸福金钥·生涯领航]知识星球星主。多年软件开发经验,主导开发过多个手机APP。业余时间,玩副业,副业创收。
展开
-
Ionic 介绍、安装、配置、项目不同平台编译、DeBug调试经验总结
1、Ionic简介一个H5的移动应用开发框架,非常适合 Hybrid APP 混合开发模式,使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS) 的原生App应用,ionic是一个轻量级别的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1及以下的版本支持,来原创 2017-09-04 15:39:04 · 1267 阅读 · 0 评论 -
Ionic 3 项目实战------项目开发目录
在之前的文章中有提到项目的源码全部存放在项目根目录的src文件夹,我们之后所有的代码开发也是在该目录进行app文件夹1、app.component.ts 根组件import { Component } from '@angular/core';import { Platform } from 'ionic-angular';import { StatusBar } from '原创 2017-09-12 13:55:28 · 723 阅读 · 0 评论 -
Ionic创建项目失败Error: read ETIMEDOUT解决方案
在使用Ionic创建项目时,出现以下错误:appledeMac-mini:~ zhaikun$ ionic start IonicAppDemo tabs✖ Downloading and extracting tabs starter - failed!Error: read ETIMEDOUT at TLSWrap.onread (net.js:659:25)原因:在下载项目对应的...原创 2018-05-10 17:15:17 · 3617 阅读 · 0 评论 -
Ionic-Android平台项目调试时出错:The connection to the server was unsuccessful
最近都在搞Ionic的项目,今天在将项目中的Android平台代码提到 Android Studio 上调试时,出现下面的错误:The connection to the server was unsuccessful. (file:///android_asset/www/index.html)服务器连接失败,在我们的index.html文件中 1、加载的内容过多,2、依赖模块下载超原创 2017-09-14 16:46:05 · 5418 阅读 · 0 评论 -
Ionic 3 项目实战------插件原理
在此之前,JS和原生的交互主要是通过WebView(Android)和UIWebView(iOS)进行,但在Ionic 3 中,Cordova提供了标准的API,来让JS和native进行数据交互。在Android中,Cordova提供了exec()方法,将访问原生的方法暴露给JS,而Java通过CordovaPlugin.execute()方法与之进行数据对接以下是Cordova原创 2017-09-12 13:12:07 · 1196 阅读 · 0 评论 -
Ionic 3 项目实战------创建项目
关于开发环境的搭建,请参考小编的另一篇文章Ionic 介绍、安装、配置、项目不同平台编译、DeBug调试经验总结此处,小编的开发环境已搭建完成,使用的Ionic版本为E:\zhaikun\IonicProjects>ionic -v3.9.2这是在任意目录下,输入命令查看的结果V3.9.21、创建项目当然了,相信牛X的你每天都有堆积如山的工作,那么多的命令记不住也是常有的事。小编常用原创 2017-09-12 09:33:42 · 1583 阅读 · 0 评论 -
Ionic 3 项目的工程目录结构
在使用Ionic 3 创建项目后,添加platform,相关命令如下$ ionic start Demo tabs$ ionic cordova platform add android工程目录结构说明如下图原创 2017-09-05 13:15:49 · 1226 阅读 · 2 评论 -
Ionic 3 插件应用:plugin基本知识了解
既然Ionic CLI(命令行工具)依赖于Cordova,就可调用原生的API,那么在我们的Ionic项目中如何实现,今天我们了解下ionic中plugin的使用。Ionic与Cordova/phoneGP都是基于HTML5的移动开发框架,Ionic在Cordova的基础上进行了优化,但其插件依然遵循Cordova插件的相关规范,同时提供类似于Cordova的plugin管理方法。1、此处原创 2017-09-05 15:09:39 · 3892 阅读 · 0 评论 -
安装指定版本的Ionic或Cordova
安装ionic 及 cordovanpm install -g cordova ionic更新命令npm update -g cordova ionic安装特定版本npm install -g ionic cordova@5.0.0npm install -g ionic@1.6.5删除命令npm uninstall cordova -gnpm uninstall ionic -g在macOS...原创 2018-05-10 17:47:42 · 3964 阅读 · 1 评论 -
Ionic 3 项目实战------自定义插件
之前对 Ionic 3 项目插件的结构做过简单的介绍Ionic 3 插件应用:plugin基本知识了解一个插件应该至少包含以下file:plugin-name-----------------src //插件支持平台------android.java //添加了支持Android平台----------原创 2017-09-12 15:14:19 · 2790 阅读 · 0 评论