cordova

在这里插入图片描述

cordova开发Hybird APP——开发环境安装

1. cordova简介 Apache Cordova是Apache基金会支持的一套开源移动APP的开发工具,其前身是phonegap。phonegap被收购后,开发者将其核心代码部分捐给Apache,并取名Cordova。它允许移动APP开发者使用HTML+CSS+JavaScript来访问本地设备的功能,“one code base”完成多终端平台的移动应用开发。它可以与流行的UI... »

在这里插入图片描述

移动端跨平台开发方案比较

就是针对不同的平台需要些多套代码;WEEXAlibaba在2016年4月21日Qcon大会上宣布跨平台移动开发工具Weex。Weex框架能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。它允许你使用WEB开发技术进行跨平台开发。跨平台方案优缺点跨平台方案都有的优点:一个工程师就能开发两个平台的APP,能提高生产... »

ionic 上拉菜单(ActionSheet)实例代码

上拉菜单通过往上弹出的框,来让用户选择选项。非常危险的选项会以高亮的红色来让人第一时间识别。你可以通过点击取消按钮或者点击空白的地方来让它消失。 »

Ionic实现页面下拉刷新(ion-refresher)功能代码

在平常做项目时下拉刷新功能非常常见,那么大家都是怎么实现的呢?下面小编给大家介绍如何使用Ionic实现页面下拉刷新(ion-refresher功能,一起看看看吧! 具体的实现请看下面的源码: HTML 代码 ion-refresher : 即为下拉刷新的图标; pulling-text=“下拉刷新” 这里的问题可以随意更换,喜欢就好; on-refresh=”doRefresh()” 这个便是当下... »

Ionic如何创建APP项目

前面的章节中我们已经学会了ionic 框架如何导入到项目中。接下来我们将为大家介绍如何创建一个 ionic APP 应用。ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建,所以我们可以创建一个 www 目录,并在目录下创建 index.html 文件,代码如下:大家按照步骤在自己的编辑器上来认真的完成这个APP的创建吧。ionic.bundle.js 文件已经包含... »

Ionic快速安装教程

今天就让我们学习一下如何安装 Ionic 在自己的电脑上搭建一个简单的小应用。很多的网站上面都会写很复杂的安装方法,其实刚开始学习ionic的初学者,特别是没有很多编程经验的小伙伴是不是会吓跑了?感觉那么复杂需要安装什么node.js的环境啊、, 安装最新版本的cordova啊… … 其实不需要那么麻烦的。告诉大家我在做项目的时候怎么使用ionic的吧。 第一种方法:直接引入使用 第一步 、首先下... »

通过cordova将vue项目打包为webapp的方法

通过cordova将vue项目打包为webapp的方法

下面开始对vue.js项目进行打包,打包环境为Android。可以看下我的github:https://github.com/padipata ,里面有我自己写的vue项目,喜欢的给个关注呗。 »

用Cordova打包Vue项目的方法步骤

现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。 现在的打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的,有兴趣的可以去学习使用一下。下面说说怎么使用cordova打包Vue项目: 第一步:安装cordova,创建好cordova项目。 第二步:修改vue项目 首先修改vue... »

Vue.js 2.0和Cordova开发webApp环境搭建方法

Vue.js 2.0和Cordova开发webApp环境搭建方法

HTML5开发APP技术文档 一、环境参数 1、技术语言:HTML、CSS、ES6、Node.js等; 2、框架:Vue.js 2.x、Cordova; 3、开发系统:mac、windows等; 4、环境配置: node 6+ npm 3+ (最好下载Node.js官方最新版本) 、jdk1.8、SDK(请直接下载Androidstudio软件官方最新版本,已集成AndroidSDk,建议以默认路... »

cordova入门基础教程及使用中遇到的一些问题总结

cordova入门基础教程及使用中遇到的一些问题总结

前言 现在做项目为了节约成功,适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势!像一些知名的APP  比如支付宝  淘宝 好多都大量集成了HTML5 页面!像我们公司现在的APP 大多都是h5页面 感觉原生都没什么事情做了。可想而知学习cordova的重要性! 简介 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScr... »

详解cordova打包成webapp的方法

详解cordova打包成webapp的方法

在项目开发中,需要将h5页面打包成app,这个时候我们可以使用cordova来打包。在官方文档中,我们可以了解到创建一个app十分简单,你的电脑上有nodejs就行,我们可以跟着官方文档一步一步来,添加安卓平台和ios平台。整个项目结构搭建完毕后,我们可以将我们需要打包的webapp页面全部塞到这个项目结构中。接下来就是麻烦的地方了,如何进行平台开发,也就是如何将我们的项目打包成一个可安装的文件。... »

教你用Cordova打包Vue项目的方法

现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的,有兴趣的可以去学习使用一下。因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目: 第一步:... »

ionic cordova一次上传多张图片(类似input file提交表单)的实现方法

我们可以通过cordova提供的插件调用摄像头或图库选择需要的图片上传,按cordova官方的方法,每次选择完后就直接上传,这并不符合用户的习惯,最好的用户习惯是用户选择完需要的图片,并可在本地预览,接着用户再次打开摄像头或图库再次选择图片,接着预览,对于不需要的图片删除,最后确定可以后,再一次性上传所有图片。显然这种方式,cordova是不支持,那要如何实现呢,以下是我的方法: 通过调用$cor... »

NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to

NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to

允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to一、问题描述npm安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please u... »

解决cordova+vue 项目打包成APK应用遇到的问题

解决cordova+vue 项目打包成APK应用遇到的问题

公司前端界面用的是vue,我要嵌入到Android中生成App 第一步:安装node node安装:直接进入官网https://nodejs.org/zh-cn/,下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。 npm安装:由于新版的nodejs已经集成了npm,所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。 第二步... »

cordova+vue+webapp使用html5获取地理位置的方法

1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。 语法: navigator.geolocation.getCurrentPosition(success, error, options) 参数:  success: 成功得到位置信息时的回调函数,使用Position 对象作为唯一的参数。 error: 获取位置信息失败时的回调函... »

ionic4+angular7+cordova上传图片功能的实例代码

前言ionic是一个垮平台开发框架,可通过web技术开发出多平台的应用。复杂的应用需要用到许多cordova插件,而cordova插件的更新或者移动平台的更新很可能导致插件的不可用,维护升级成本较高。在此也非常感谢大家对软件开发网网站的支持! »

ionic 3.0+ 项目搭建运行环境的教程

本文介绍了基于ionic3.4.0的项目搭建,分享给大家,具体如下:在写这篇文章的时候,ionic版本已经更新到3.4.0。输出ionic info 打印出最新的环境配置信息。这里要特殊指出的是Ionic CLI。当我们用Ionic CLI提供的命令去运行打包项目时,显示如图示。再回到ionic 1.x项目的调试打包问题,不管新旧项目,第一次运行命令,也是会提示按照相应的插件,和v3略有不同。 »

VS2017 Cordova Ionic2 移动开发环境搭建教程

分享VS2017 Cordova Ionic2 移动开发环境搭建教程 1. 文档概述 本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置。 2. 安装环境 Windows10 3. 安装Visual Studio 2017community 3.1 官方下载地址:https://www.visualstudio.com/downloads/ 3.2... »

ionic2自定义cordova插件开发以及使用(Android)

如何写一个cordova 用于ionic2项目中呢,在搜索了一番之后,千篇一律,我都怀疑那些文章是不是全部都是复制来复制去的,而且都不是很详细。我自己也捣鼓了一下午,踩了很多坑。所以特此写这下这篇,记录一下。 假设需求是 写一个日志插件,可以将日志写在手机的sdcard中。 1.安装plugman npm install -g plugman 2.creat一个插件框架 plugman creat... »

ionic中的$ionicPlatform.ready事件中的通用设置

前言 $ionicPlatform.ready事件是用于检测当前的平台是否就绪的事件,相当于基于document的deviceready事件, 在app中一些通用关于设备的设置必须在这个事件中处理, 为了代码的可读性,我们把设置功能封装成一个方法, 只要在该事件中调用就行了。 关键代码和说明 .factory('setCommon', [ '$ionicPlatform', '$location'... »

Ionic项目中Native Camera的使用方法

本文介绍如何在ionic项目中使用设备的camera。Ionic版本:v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes1)第一步是安装ionic-native/core。npm install @ionic-native/core --saveps:关于第一步,官方的说明是ionic-native/core是默认就包含在每一个Ionic应用里面的... »

iPhone手机上搭建nodejs服务器步骤方法

一、为在ios上面运行,编译jxcore 代码如下: $ mkdir ~/jxcore  $ cd ~/jxcore  $ git clone https://github.com/jxcore/jxcore.git  代码如下: $ cd ~/jxcore/jxcore  $ ./build_scripts/ios-compile.sh  如果出... »

VS2015在升级到Update2之后运行Cordova项目异常的解决方案

VS2015在升级到Update2之后,有可能出现如下异常,在运行Cordova项目时提示: 查看输出面板会有乱码错误信息: 出现此问题的原因是在于npm程序损坏了。vs调用的npm程序并不是在node安装目录下的npm,而是在: C:\Users\用户名\AppData\Roaming\Microsoft\VisualStudio\MDA\vs-npm\版本号\ 升级完VS之后会发现npm.cm... »

Cordova(ionic)项目实现双击返回键退出应用

Android原生项目实现双击返回键退出应用,是十分简单的,添加如下代码即可实现: //记录按键时间 private long exitTime; @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode == KeyEvent.KEYCODE_BACK){ exit(); } return super... »

Page 1 of 212