关注
分享
混合开发框架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 评论