混合开发
KarenChia
Android领域优质创作者,ZK程序员的自我修养公号作者。高级软件开发工程师,奔向架构师的路上......
展开
-
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 · 5373 阅读 · 0 评论 -
Hybrid APP 混合开发模式简介
原文出处:http://www.cnblogs.com/yeahui/p/5026587.html1.1. APP三种开发模式智能手机之普及不用多说,手机APP渗投到各个行业:电商(淘宝、京东等)、金融(各手机行业、P2P借贷等)、医疗(智慧医疗)、交通(滴滴、Uber等)、教育(慕课网等)、餐饮(饿了吗、美团等)……反正只要是个企业,无论规模大小,都已经订制或将要转载 2017-09-01 09:54:26 · 2214 阅读 · 0 评论 -
Hybrid APP 混合开发模式的选择之路(一)
小白是从事Android开发的,最近由于项目需要,转向了混合开发模式,相关转载的文章已对原文出处进行说明,如有侵权,请联系小白,立即下架!在此感谢大神的无私奉献、、、原文出处:http://www.infoq.com/cn/articles/hybrid-app-development-combat【引言】近年来随着移动设备类型的变多,操作系统的变多,用户需求的增加转载 2017-09-01 11:07:22 · 5372 阅读 · 1 评论 -
Hybrid APP 混合开发模式的选择之路(二)
原文出处:http://www.cnblogs.com/yuanyingke/p/6060150.html1、混合开发概述HybridApp主要以JS+Native两者相互调用为主,从开发层面实现“一次开发,多处运行”的机制,成为真正适合跨平台的开发。HybridApp兼具了NativeApp良好用户体验的优势,也兼具了WebApp使用HTML5跨平台开发低成本的优势。转载 2017-09-01 11:19:42 · 1042 阅读 · 0 评论 -
Hybrid APP 混合开发模式的选择之路(三)
原文出处:http://www.cnblogs.com/dailc/p/5930231.html现在概念上的APP诞生是在Google推出Android,Apple推出iOS后,从这时候开始,就有了App开发工程师这个职位,比如Android工程师,iOS工程师(当然了,一些被历史淘汰的,比如Symbian,win phone就暂不算进来了)最开的App开发只有原生开发这个概念转载 2017-09-01 13:29:59 · 8226 阅读 · 0 评论 -
Hybrid APP 混合开发模式的选择之路(四)
原文出处:http://www.cnblogs.com/dailc/p/5930238.html#hybrid_2目前的主流应用程序有四大类型:Native App、Hybrid App、React Native App、Web App。本文分别对这几种方案做一些分析对比几种APP开发模式概述当前的APP开发模式注意有以下四大类型:Native App转载 2017-09-01 13:33:53 · 2606 阅读 · 0 评论 -
Hybrid APP 混合开发模式的选择之路(五:原生和H5的交互原理)
原文出处:http://www.cnblogs.com/dailc/p/5931322.html在Hybrid APP中,原生与H5的交互方式在Android和iOS上的实现是有异同的,原因是Android、iOS的通信机制有所区别,下面介绍原生和H5相互调用的方法Android端Native调JS4.4版本之前// mWebView = new WebVi转载 2017-09-01 13:55:49 · 6925 阅读 · 1 评论 -
Hybrid APP 混合开发模式的选择之路(六:JSBridge---Native代码与JS代码的通信桥梁)
原文出处:http://www.cnblogs.com/dailc/p/5931324.htmlJSBridge是Native代码与JS代码的通信桥梁。目前的一种统一方案是:H5触发url scheme->Native捕获url scheme->原生分析,执行->原生调用h5。如下图url scheme介绍上图中有提到url scheme这个概念,那这到底是什么转载 2017-09-01 14:29:23 · 1570 阅读 · 1 评论 -
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 · 1238 阅读 · 0 评论 -
Ionic 3 项目的工程目录结构
在使用Ionic 3 创建项目后,添加platform,相关命令如下$ ionic start Demo tabs$ ionic cordova platform add android工程目录结构说明如下图原创 2017-09-05 13:15:49 · 1208 阅读 · 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 · 3875 阅读 · 0 评论 -
Ionic 3 项目实战------创建项目
关于开发环境的搭建,请参考小编的另一篇文章Ionic 介绍、安装、配置、项目不同平台编译、DeBug调试经验总结此处,小编的开发环境已搭建完成,使用的Ionic版本为E:\zhaikun\IonicProjects>ionic -v3.9.2这是在任意目录下,输入命令查看的结果V3.9.21、创建项目当然了,相信牛X的你每天都有堆积如山的工作,那么多的命令记不住也是常有的事。小编常用原创 2017-09-12 09:33:42 · 1572 阅读 · 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 · 1190 阅读 · 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 · 719 阅读 · 0 评论 -
Ionic 3 项目实战------自定义插件
之前对 Ionic 3 项目插件的结构做过简单的介绍Ionic 3 插件应用:plugin基本知识了解一个插件应该至少包含以下file:plugin-name-----------------src //插件支持平台------android.java //添加了支持Android平台----------原创 2017-09-12 15:14:19 · 2770 阅读 · 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 · 3596 阅读 · 0 评论 -
取消npm代理或淘宝镜像
1、取消npm代理npm config delete proxy2、取消淘宝镜像打开npm代理编辑npm config edit找到对应的淘宝代理执行删除命令npm config delete [需要删除的代理名称]原创 2018-05-10 17:40:47 · 4108 阅读 · 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 · 3939 阅读 · 1 评论 -
移动跨平台开发
1 Ionic安装指定版本的Ionic或Cordova取消npm代理或淘宝镜像Ionic创建项目失败Error: read ETIMEDOUT解决方案Ionic-Android平台项目调试时出错:The connection to the server was unsuccessfulIonic 3 项目实战------自定义插件Ionic 3 项目实战------项目开发目录Ion...原创 2019-08-23 11:32:36 · 160 阅读 · 0 评论