如果你熟悉 Java 语言，可以学习安卓开发；如果熟悉脚本语言（比如 Python 或 Ruby），可以学习 Swift 语言，进行 iOS 开发；如果像我一样，比较熟悉 Web 网页技术，那么 H5 开发是最容易上手的。
Could not find an installed version of Gradle either in Android Studio, or on your system to install the gradle wrapper. Please include gradle in your path, or install Android Studio
上面的定义是百度百科的官话，用白话文翻译就：所谓hybridApp就是在app中嵌入web页面
好多人说ionic好用，一直要推荐我用，我就不信了，来安装玩一下试试效果。实践出真知！安装过程各种坑，工具太多了，太麻烦了，差点放弃（还好坚持下来呢）。
一、混合开发几款移动跨平台App开发框架比较 1.PhoneGAP 2.Cordova 3.Dcloud 4.APICloud 5.APPCan 6.Lonic 主流的：Ionic、React Native 非主流：Html5+、AppCan、Jquery Mobile（主要用于做移动Web） 二、移动跨平台方案 移动开发10年历程 React Native、weex、Flutter 1.React Native，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。 2.阿里Weex，框架能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。 3.Flutter，是谷歌的移动UI框架，使用Dart语言开发，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。
提到跨终端应用开发，很容易想到最近很火的React Native。使用React Native开发出的APP本质上是Native APP。在跨端应用开发这一领域内还有另一块：Hybrid APP。本文研究的inoic framework就是一种hybrid app的开发框架。
Cordova是用于使用HTML，CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器，用于将我们的网络应用程序与本机移动功能连接。默认情况下，Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连接提供了桥梁。 通过使用cordova，我们可以使混合移动应用程序，可以使用摄像头，地理位置，文件系统和其他本地移动功能。
给Ionic写一个cordova(PhoneGap)插件 之前由javaWeb转html5开发，由于面临新技术，遂在适应的过程中极为挣扎，不过还好~，这个过程也极为短暂；现如今面临一些较为复杂的需求还会有一丝丝头痛，却没有一开始那么强烈了。。。 在正式写下文之前，我先感谢公司大boss：王总，感谢他让我进入了一个有挑战性的技术公司 并在这个过程中一直鼓励我不断汲取新技术，同时也指正了我在开发中的一些不太好的习惯，十分感谢！ 再~，感谢在开发中给予我太多帮助的杜勇以及孙金~，不论是需求讨论还是具体
Cordova 应用程序有几个组件。 下图展示了 Cordova 应用程序体系结构的高级视图。
随着W3C于2013年十月完成HTML5标准制定后，由HTML5编写的WEB应用程序数量一直呈快速增长趋势。我们可以预见越来越多的HTML5应用可能被攻击者利用，由普通Web应用重新打包为恶意移动软件。 FreeBuf小科普 WebView(网络视图)：能加载显示网页，可以将其视为一个浏览器，它使用了WebKit渲染引擎加载显示网页。 SDK（Software Development Kit）：一般都是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合。 HTML
接着上面两节，把做成的h5小应用打包成android的app放置在手机上看看效果。
如果你想深入的美化UI，需要耗费很大的力气，对于目前主流的CSS样式表来讲，美化Winform的界面以及自定义控件是需要耗费更多的时间的。
一直以来 app 的开发都分为 android 版本和 ios 版本,同一款 app 需要写两种版本，版本有差异不说，耗费的成本加成。 cordova 的出现就是一股清流，它能实现将 h5 页面打包成 android 或 ios 版本，实现了 android、ios、pc 端页面的统一。 内容都用 h5 书写，差异性和成本都下降了。它所支持的各种开源插件也能轻松实现对手机众多接口的调用，功能性上没有问题。 操作需要掌握一定 NodeJs Cordova 的安装： 1. 下载 jdk，安装 JAVA 环境，
做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下：
MyPluginName.js JavaScript接口，用于插件与混合应用的接口。
做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下： 如有错误，欢迎指正。 （一）适合WebApp的一些框架 1、Cordova 优点： 开源免费，社区生态成熟，插件丰富 支持离线场景应用 开发工具选择空间大 缺点: 只提供基础访问设备的接口，需要自己搭配其他UI框架和JavaScript框架来搭配 2、Ionic 优点： 国外的一款接近原生的Html5移动App开发框架，免费开源。 漂亮的界面，追求性能，专注原生，免费开源 Angular JS MVVM 开发理念，数据双向绑定 基于Cordova，可以使用 Cordova 的插件 缺点： 需要掌握 HTML + CSS + Angular JS ，学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异，Cordova 某些官方插件可能不适用于Ionic 3、Dcloud 优点： 国内厂商，中文文档 对HTML5的性能、工具、能力都做了深入扩展，提供 IDE 、云服务等帮助节省时间 MUI 更贴近国内App使用习惯，提供模块的详细例子，如登录，个人中心 缺点： 部分操作需要具备原生开发经验，如离线打包App 新产品仍然有bug，还需改进 4、小程序 2016年9月21日，微信小程序正式开启内测。2017年1月9日0点，微信第一批小程序正式低调上线。 微信小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 优点： 1.即用即走——这个是从微信小程序上线就开始打的概念。即用即走使得小程序可以代替许多APP，或是做APP的整体嫁接，或是作为阉割版功能的承载体。 2.倚靠微信流量——相比APP，小程序一个突出的优点是完全嵌入了微信的聊天、公众号体系，完美进行微信体系内的流量引导。这一方面令小程序更加容易获客，另一方面也可以借助微信的成熟社交网络达到爆发式传播。 3.连接线上线下——连接线上线下场景也是微信小程序重要的一环，甚至最先开始为了推动线下习惯的养成，小程序在线上场景方面做了较强的限制。由于人们用微信扫描二维码的习惯培养得比较好，小程序相比APP更容易达成线上线下场景的连接与互动。 缺点： 1.留存——虽然有部分小程序已经杀出重围，但是普遍来讲，主打“即用即走”的小程序在用户留存上仍存在很大的提升空间。阿拉丁发布的小程序白皮书中显示，小程序的平均次日留存在13%左右，但是双周留存骤降到仅有1%。轻易拥有的也不在意失去，这大概是小程序目前的一个症结所在。 2.受控于微信——比起APP，尤其是安卓版的高自由度，小程序要面对很多来自微信的限制，从功能接口，甚至到类别内容，都要接受微信的管控，部分敏感内容还很容易遭受封禁威胁。 部分参考链接：https://www.zhihu.com/question/263816362/answer/274417734 5、PWA PWA（Progressive Web App）是 Google 于 2016 年提出的概念，2017 年已被迅速采用。 PWA全称Progressive Web App，即渐进式Web应用。 一个PWA应用首先是一个网页, 可以通过Web技术编写出一个网页应用. 随后添加上App Manifest和Service Worker来实现PWA的安装和离线等功能。 解决了哪些问题？ 可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏 实现离线缓存功能，即使用户手机没有网络，依然可以使用一些离线功能 实现了消息推送 它解决了上述提到的问题，这些特性将使得 Web 应用渐进式接近原生 App。 关于PWA更多详情介绍可以看以下博客介绍： https://segmentfault.com/a/1190000012353473 PWA的优势 可以将app的快捷方式放置到桌面上，全屏运行，与原生app无异 能够在各种网络环境下使用，包括网络差和断网条件下，不会显示undefind 推送消息的能力 其本质是一个网页，没有原生app的各种启动条件，快速响应用户指令 PWA存在的问题 支持率不高:现在ios手机端不支持pwa，IE也暂时不支持 Chrome在中国桌面版占有率还是不错的，安卓移动端上的占有率却很低 各大厂商还未明确支持pwa 依赖的GCM服务在国内无法使用 微信小程序的竞争 PWA写的app 比如这个：https://dd.shmy.tech/client （请使用谷歌浏览器打开） 6、Instant App 2016年的Google大会上，Google发布了有关Instant App的最新技术。千呼万唤之下，号称“Googl
开发了个纯web的app小demo,想着最终集成到微信公众号上做个小功能，并测试下如何跨平台的运行在Android上。
第一次正儿八经的参与Cordova的项目，想写下些文字，以便日后需要的时候能够帮助自己快速回忆起来，同时也希望能够帮到需要的朋友。
简单介绍自己使用Ionic3开发的过程，涉及到的知识点如下： Angular Ionic Cordova ES6 TypeScript Scss 环境搭建 引用插件 调试 Android打包 Android签名 IOS打包
http://jingyan.baidu.com/article/49ad8bce54b1535834d8fa86.html SDK环境变量配置
Cordova 是使用 HTML，CSS 和 JavaScript构建混合移动应用程序的平台。官方文档给了我们 Cordova 的定义。
问题出现的原因是因为Android高版本（Android 6.0）以上默认使用TLS保护用户信息，详见以下文档： Transport Layer Security
删除插件： cordova plugin remove +插件名（cordova-plugin-inappbrowser 4.1.0 "InAppBrowser"） 展示已经安装的插件列表： cordova plugin ls 安装插件： cordova plugin add cordova-plugin-inappbrowser 打包Android命令: debug包--cordova bulid android 正式包--cordova build --release android 卸载平台：
试过一些RSS订阅app，有些重要源无法解析，例如FEX周刊、奇舞周刊、国外站点等等。另外，对于没有提供RSS的网页，也没有办法订阅，所以决定自己搓一个：
比如我们通过命令行创建一个页面。 ionic g page myPage 之后就会生成如下三个文件：
React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。
本文不涉及到任何代码，只讲概念层面的，结合本人在实际开发过程中的各种体验，对这几种跨平台技术进行一个点评。
本文不涉及到任何代码，只讲概念层面的，结合本人在实际开发过程中的各种体验，对这几种跨平台技术进行一个点评
Image.png Image.png http://www.jscss.cc/2016/10/18/cordova.html 装一个全局的cordova: 官网介绍： http://cordova.apache.org/ Image.png 运行的时候自动弹出浏览器： Image.png Image.png Svon(555486L7I7L5对话) 11:20:29 webpack Svon(555486L7I7L5对话) 11:24:30 npm uninstall -g cordova
在前面的文章中，我曾说过 React Native 很棒，因为它能让我们使用原生 UI 来开发应用。React Native 应用的用户体验要比使用 WebView UI 的好很多。但是，“原生”的真正含义到底是什么呢？什么是 WebView UI ？什么原生 UI 比 WebView UI 好呢？React Native 相比于其他移动端框架 (比如 PhoneGap、Cordova 和 Ionic) 又如何呢？
使用cordova混合开发的时候，往往需要插件的开发来满足需求，下面就说说cordova的插件的开发的流程。 第一步：创建插件 plugman create --name ShowToast --plugin_id com.tw.cordova.plugin --plugin_version 1.0.0 --name 插件名称，建议大写，这边会生成 类的名称 --plugin_id 建议写包名 --plugin_version 随便写 第二步：添加平台 plugman platform add
我说的cordova真机调试不是通过手机浏览器在访问，在电脑上调试，而是实实在在的一个apk,主要要求连接手机，还有sdk环境 5.1sdk环境 Sdk环境安装会存在很多问题，不可能将问题一一记录，只记录了自己开发的时候遇到的一些问题 5.1.1下载sdk Sdk名字类似于android-sdk_r24.4.1-windows.zip，可以在官网下载，也可以在别处寻找资源 值得注意的是下载后需要配置相应的环境有两个path，个人理解为启动
DVHMA（Damn Vulnerable Hybrid Mobile App）是一个安卓端的混合模式APP，故意包含大量漏洞。其功能就是帮助安全研究员合法地对他们的工具或技术进行渗透测试，帮助开发人员更好地了解混合移动APP开发过程中常见的安全问题。 一、功能范围 这个APP的开发目的是研究混合APP开发过程中的安全问题，例如安全地使用Apache Cordova或SAP Kapsel。目前，DVHMA的主要关注点是深入了解利用JavaScript到Java bridge的注入漏洞。 二、安装 前提
文档地址：https://capacitorjs.com/solution/vue
来由 纯粹的无聊，一直在搜索JavaScriptCore和SpiderMonkey的一些信息，却无意中学习了如何在ios的UIWebView中判断其js解析引擎的方法： if (window.devicePixelRatio) { //If WebKit browser var st = escape(navigator.javaEnabled.toString()); if (st === 'function%20javaEnabled%28%29%20%7B%20%5Bnative%
启动前黑白屏问题，仅存在于android，是android应用的通病，ionic表示这锅它不背。 具体操作时，当我们点击桌面图标启动APP时，有时会闪一下黑色背景，有时黑色背景时间还比较长。原因是：
Config.xml是 cordova项目的一份全局性配置文件 能够控制整个项目的一些全局性配置 为了方便cordova CLI 的使用，config.xml放在了这里 , 其实就是项目根目录下
原理说明 辅助原理： 用adb获取手机截图并拉取到项目中 对图片进行二值化 根据棋子的RGB值获取当前位置 通过adb模拟屏幕点击 文末有推荐选择 开源列表 Prinsphield/Wechat_AutoJump 链接：Prinsphield/Wechat_AutoJump 说明：一个优秀的python项目；作者利用Opencv实现了图片的特征识别，并且在代码中实现了，根据调用命令区分安卓还是IOS，并进行相应的处理，根据项目代码分析，作者解析了跳一跳大部分的盒子图片，并利用到了游戏中的特定盒子加分的
作为一个小开发，近期完整的经历了，一个初创项目从搭建到推向市场的过程。实际上在整个过程中，开发只占很小的一个板块，尤其是对于我司这种初创型企业，人少钱少，每一分都得花到刀刃上，因此产品开发的过程要足够快，成本也要足够低！
对于初创型企业，即使项目规模不大，但其总体的时间成本却仍是重要的考虑因素。作为一个小开发，近期就完整经历了一个初创小项目从0到1搭建、推向市场的过程。在这过程中也深深体会到即使产品开发只是一小部分，也需要同时间赛跑，推动项目高效进行。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
