---- Q: 在 iOS 下使用 cordova-plugin-file-transfer 下载中文名文件失败,提示 Could not create target file A: encodeURI...---- Q: 在实机上使用 livereload 功能时出现空白、连接失败等情况。...clone 完后可以使用 ionic state restore 命令快速恢复 ---- Q: 在 Ionic(AngularJS) 中使用 Cordova 插件有那么点点不方便。...A: Ionic 的 ngCordova 项目为70多个流行的 Cordova 插件提供了 AngularJS 包装,足以应付绝大多数需求。...实机不开 livereload 则不存在这个问题。 简单的方法就是用实机调试且不开 livereload 。 复杂点的比如设置 Ionic 自带的代理服务器,参考链接。
这里只说明androd和ios的情况。 1、启动前黑白屏 启动前黑白屏问题,仅存在于android,是android应用的通病,ionic表示这锅它不背。...ionic cordova plugin add cordova-custom-config 这个插件和普通插件不同,并不会增加项目大小,它是注册Cordova的钩子,利用Cordova命令修改自定义配置...@6.4.0后变得更为简单,添加了config-file和edit-config两个标签项,连cordova-custom-config插件都不用安装,就可以修改AndroidManifest.xml文件...(SplashScreenDelay)显示,延时时间到就关闭,这样就会出现一个bug: 延时时间短,应用资源未加载完成,在dialog关闭后到首页显示这段过程中就会显示黑屏。...,若无有效信息,再网页调试,若也没错误,那就基本是原生插件问题,进行真机调试。
2.1 WebView 方案: 在一个app中单页面全屏放置一个WebView组件,然后加载https方式部署的web应用。 理由: 手机浏览器无法支持的情况下,只能寄希望于WebView。...WebView是Android底层用于加载网页的组件,Android4.4版本以后已将内置的浏览器引擎更换为chromium,也就是chrome的内核,从Can I Use上查询的支持度是Android5.0...2.3 Cordova/ionic ?...理由: 值得一提的是cordova拥有一个非常流行的移动端开发×××ionic,现在已经迭代至4.0阶段,这个技术笔者是有特殊感情的,当年ionic还在alpha版本的时候,笔者就在使用了,它是基于cordova...WebView组件必须设置ref={(webview)=>{this.webview = webview}},否则onMessage属性无法监听到来自WebView加载网页通过window.postMessage
它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...,开发跨平台的应用,官网地址:http://www.ionic.wang/ (有详细介绍),对其更为清晰的说明可以表述为:Ionic = Cordova + AngularJS + 一套样式库。...,可以使用 Cordova 的插件 缺点 Angular JS 学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic AppCan 概述...、优化底层代码 分大众版和企业版,大众版免费,但功能有缺失 暂不支持自行开发控件,无法调取android原生功能 框架自带功能过多,导致应用安装包偏大 文档偏少 部分系统无法使用IDE进行调试 只能在服务器端发布...,无法在本地发布 IOS发布,需要将证书上传至服务器 参考资料 Phonegap VS AppCan 企业版和大众版主要有以下几点区别 开发环境: 企业版走独立的开发环境与打包环境,企业版配备macmini
app 加载时会有以下报错: No provider for Http! 出现这个错误是因为 OAuthService 需要依赖 Angular 的 Http 模块,但是还没有将该模块导入到项目中。...确保打开 Xcode 完成安装 ,然后运行 ionic cordova emulate ios 在模拟器中打开应用。 可能会提示你安装 @ionic/cli-plugin-cordova 插件。...ionic cordova emulate ios 现在可以点击 "Login with Okta" 按钮,然后输入合法的凭证进行登录。...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名,则此命令可能会失败。...注意: 如果应用程序显示错误 "连接服务器失败 (file:///android/www/index.html)",在 config.xml 中添加以下代码。
app 加载时会有以下报错: No provider for Http! 出现这个错误是因为 OAuthService 需要依赖 Angular 的 Http 模块,但是还没有将该模块导入到项目中。...确保打开 Xcode 完成安装 ,然后运行 ionic cordova emulate ios 在模拟器中打开应用。 可能会提示你安装 @ionic/cli-plugin-cordova 插件。...ionic cordova emulate ios 现在可以点击 "Login with Okta" 按钮,然后输入合法的凭证进行登录。...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名,则此命令可能会失败。...image.png 注意: 如果应用程序显示错误 "连接服务器失败 (file:///android/www/index.html)",在 config.xml 中添加以下代码。
当我们想部署网页时,只需把www目录拷贝到网站服务器上即可;当我们想打包app时,命令行执行打包指令会生成一个调用浏览器插件的原生项目,同时把www目录拷贝到项目中,浏览器插件的入口网页指向www的index.html...,从而在app中实现本地浏览网页的效果,其中页面和脚本等因为是本地的就不需要网上加载,在数据加载过程中就已经可以看到页面,等数据加载完成自动局部刷新页面即可,这就是ionic的运行机理,也是混合式应用的其中一种常见套路...$ ionic cordova platform ls > cordova platform ls Installed platforms: ios 4.4.0 Available platforms...插件(通过ionic cordova plugins ls查看,通过ionic cordova plugins add/remove 插件名或路径来添加/删除); resources :android...、ios等平台图标、启动屏资源,在此目录下的资源通过下述命令会把资源按分辨率生成到原生项目目录中,省却自己逐个调整分辨率及拷贝的繁琐工作: ionic cordova resources 或只针对单个平台的
API,很多功能无法实现, 依赖于网络,网速慢时体验很差,并且没有离线功能,优化不好的话会消耗流量 只能做为一个临时的入口,用户留存率低 在Web App的基础上,又出现了几个进化者,这里主要介绍PWA...Hybrid相关的技术有很多,比如PhoneGap、Cordova、Ionic、VasSonic等等,我们大概来了解一下。...目前Cordova支持的平台有Android、iOS、Windows、Mac OS X、Electron。 Cordova的体系结构图如下所示。 ?...由于Web技术的这一基础,Ionic可以在网络运行的任何地方运行,比如 iOS,Android,浏览器,Electron,PWA等等。...然后将JS Bundle部署在服务器,当接收到终端(Android、Web端、iOS端)的JS Bundle请求时,将JS Bundle下发给终端。
rsshelper_ios 二.安卓Hybrid App 把WebView作为容器,所有内容都是离线页面,没有服务,靠安卓跨域,没有持久存储(sqlite),甚至连基本的内存缓存都没有 遇到一些问题:...之类的依赖Cordova实现的跨平台方案 三.ionic应用 2个月的前期准备(跟着计划走,学了一点PHP,一些angular),花1周时间做好了: PHP服务现场抓取RSS/HTML 内存缓存 + 本地缓存...,在PHP生态没有找到更好的RSS解析方案 五.服务迁移至node 原PHP服务器无法支持HTTPS(廉价虚拟主机限制),改用HTTPS顺便用node重写,发现了生态的巨大作用: RSS解析使用feedparser...版本升级依赖OSX系统版本升级,OSX 10.9无法从App Store安装/更新Xcode 8 1.安卓iOS模拟器支持,并添加平台 npm install -g ios-sim ionic platform...add ios 2.构建 ionic build ios 3.模拟器运行 ionic emulate ios 4.真机安装 cd /myapp/platforms/ios # Open
所以,混合技术栈其实是 Web 技术栈 + 容器技术栈,典型代表是 PhoneGap、Cordova、Ionic 等框架。...下面就依次介绍上面三类技术栈,每个技术栈都会给出一个最简单的例子:加载网页。通过各种技术栈加载网页的不同做法,帮助大家理解它们的特点,对 App 的技术实现有一个总体的认识。...下面就来看看,它们怎么加载网页。 3.1 Xcode iOS 开发需要安装 Xcode。...后来,其他人也开始基于 Cordova 封装自己的框架,所以市场上有许多基于 Cordova 的开源框架,比较著名的有 Ionic、Monaca、Framework7 等。 ?...4.2 Ionic 实例 基于 Cordova 的框架,用法都大同小异,下面就以 Ionic 为例,演示如何加载外部网页。 首先,根据官方文档,生成项目的脚手架。
cordova 创建项目 ionic start myApp tabs start 命令代表创建新app项目....生成app 前提 安装java jdk 需要1.8.0及以上,但是java9也不行 安装Android Studio ionic cordova run android --device ?...还是有错误 还是有错误,在执行cordova platform add android --save时错误了, 关于cordova 的操作指令可以查看https://cordova.apache.org...目前遇到问题就是cordova platform add android指令过不去,无法添加android环境,就无法生成android的apk安装包,ios也是一样问题,但是不影响web访问。...image.png ionic cordova build android --prod --release 成功了 ? 成功生成了apk 这个apk拷贝到手机上无法安装,因为没有签名。
: ionic start无法生成项目.png 这样的错误博主之前从未遇到,一时间慌了神,再紧接着去查看项目log: 错误log.png 于是博主积极的百度与谷歌,想弄清楚问题的原因...,目前网上给予的原因很多都是网络问题,我觉得不然,因为当前网络连接正常,并且我也开了V**代理,应该不会出现这样的错误。...,甚至连ionic本身都安装不了,都是需要用户权限进行进一步的解压,下载,保存处理。...4、关于cordova版本的坑:在新的node版本下,cordova已经更新到6.5.0版本,这个时候在ionic 项目创建的时候系统会提示: ionic运行时提示.png...版本npm install -g cordova@6.0.0 即可,因为当前最新的ionic组件只能够用6.0.0进行运行时支持(如以后更新,记得需要好好读读ionic支持它的cordova的版本,下载对应的版本就可以了
; Ionic 技术要求: HTML + CSS + AngularJS 优点: 基于 Cordova; 漂亮的界面,追求性能,专注原生,免费开源; Angular JS MVVM 开发理念,数据双向绑定...; 继承自 Cordova,可以使用 Cordova 的插件; Ionic可以在网络运行的任何地方运行 – iOS,Android,浏览器,电子,PWA等; 浏览器支持; 缺点: Angular JS...学习路线陡峭; Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic; React Native 优点: 能够在Javascript和React的基础上获得完全一致的开发体验...就是针对不同的平台需要些多套代码; Cordova 优点: 开源免费,社区生态成熟,插件丰富; 支持离线场景应用; 开发工具选择空间大; iOS和Android基本上可以共用代码,纯web思维,开发速度快...IDE进行调试; 只能在服务器端发布,无法在本地发布; IOS发布,需要将证书上传至服务器; Dcloud 特点: 云编译必须联网获取AppId; 优点: 国内厂商,中文文档; 对HTML5的性能
由于原生WebView存在一定的局限性,和Web交互起来有些问题不好处理,于是出现了一些基于原生WebView封装的Hybrid框架,这些框架有一个共同特点:封装了移动端设备(这里指Android、iOS...比较热门的Hybrid框架有Ionic、Cordova、DCloud: (1) Ionic Ionic: Ionic是一款开源的跨平台,可用于开发移动端的开发框架。...Ionic底层打包使用 Cordova,Ionic自带丰富的Ionic UI样式,Ionic使用的是AngularJS前端框架。...Ionic拥有丰富的命令操作,可以通过命令行工具快速创建Android和iOS项目,并且也可以编译成Android和iOS平台的应用程序,同时Ionic也支持自定义编写Android和iOS的插件。...HBuilder工具从2013年就开始出现了。
Ionic就可以做到!Ionic是近几年很火的一项跨平台开发技术,有了它之后,用我们熟知的HTML、CSS和JavaScript技术就可以同时开发iOS和Android应用。...假设是一台运行iOS 的iPhone 或者一台运行Android 的Nexus 10。下面是各个部分的介绍。 设备—设备可以加载应用。设备中的操作系统负责安装从平台对应商店下载的应用。...Cordova 应用包装器—这是一个能够加载Web 应用代码的原生应用。...开发者可以使用平台的软件开发套件(SDK)来和平台API 通信,从而可以访问设备中的数据或者使用HTTP 请求从外部服务器加载数据。...发布这些工具的并不是iOS 或者Android 官方平台,而是第三方,比如Apache Cordova。编译Hybrid 应用时,你的Web 应用会被转换成一个原生应用。
: ["scripts/main.js"]//app的入口文件 } }, "permissions": [ //如果这里有调用ajax请求,需要将url填在这里,否则在app中无法正常发起请求...javascript" src="scripts/script.js" > 需要注意的是,chrome的扩展插件出于安全考虑,是不能写内联的脚本的,内联样式是可以的 引用第三方的cdn服务器上得脚本也是不允许的...创建一个工程 //空的项目 cca create YourApp //创建软连接链接到项目目录 cca create YourApp --link-to=path/to/manifest.json //...但其实它提供的是一个工具包,它是基于cordova apache来实现的,这个才是核心,有cordova apache在就好。...实现方式和ionic类似,而ionoc对应的文档(中文文档)以及对应的组件会比cca这种方式更全面,而cca这种方式提供的更多是方便和快捷。
做安卓时间长了,接触到各种各样的框架,前前后后遇到了很多问题,这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架,大致如下: 如有错误,欢迎指正。...JavaScript框架来搭配 ---- 2、Ionic 优点: 国外的一款接近原生的Html5移动App开发框架,免费开源。...Angular JS ,学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic ---- 3、Dcloud 优点: 国内厂商,中文文档...一个PWA应用首先是一个网页, 可以通过Web技术编写出一个网页应用. 随后添加上App Manifest和Service Worker来实现PWA的安装和离线等功能。 解决了哪些问题?...它可在用户没有下载、安装 App的前提下,直接加载App 的部分模组,并直接运行、使用,无需下载、安装整个App。
这次在我写完项目以后,发现 Vue 的代码直接转换成 Weex 的项目,是无法实现的,好多报错。而且不是一下子能都修复好。我相信是我使用姿势的问题,不是 Weex 的问题。...我利用 Express 把后台搭建在 8081端口上,并写好路由,请求会转到8080,开启服务器的时候也会自动开启后台。...运行项目 cordova run ios cordova run android Cordova 只生成了一个壳的 app,里面具体的内容还是读取的网页,在生成的对应的应用里面有一个...www 的文件夹,这个文件夹里面就是要加载页面。...还有可能会遇到下面这个错误: "Error: Cannot find module 'config-chain'" when running 'ionic start' 这个错误就用 sudo
领取专属 10元无门槛券
手把手带您无忧上云