美文网首页
Cordova入门

Cordova入门

作者: 盐酸有点咸 | 来源:发表于2018-02-09 10:39 被阅读0次

Cordova是什么?

特性

使用HTML, CSS & JS进行移动App开发
多平台共用一套代码

简单点理解,Cordova是一个工具,通过它可以将你做的html网页显示在WebView里面,而你网页中用到的JS可以通过他的API去调用原生的东西,比如照相机等。

安装Cordova

1.安装node.js和npm
2.使用npm安装cordova

npm install -g cordova

创建项目

创建cordova项目

cordova create helloCordova

创建出来的目录如下图


目录

添加平台

先进入helloCordova目录,添加android/ios平台

cordova platform add android
cordova platform add ios

成功后,在cordova工程中的platforms文件夹中生成对应平台的工程文件。

android
添加插件

cordova通过浏览器(例如android的webview)暴露原生API接口给Javascript调用,例如修改启动页图片,修改状态栏,获取设备信息等等

cordova官方提供的一些插件: Cordova插件汇总

以获取设备信息插件为例,添加插件

cordova plugin add cordova-plugin-device

当官方提供的插件无法满足你的需要,你又会android代码时可以制作自定义插件,具体可以查看有道云里的《CTP android 与 js 交互文档》

打包APP

指定打包平台,需要配置对应平台的环境变量

cordova build android

在android目录下看到生成的apk


apk

相关文章

  • webApp的开发

    入门 cordova入门——cordova环境配置(一) Cordova环境安装设置

  • Android Studio Cordova 详细教程(相机 纯

    一。 首先安装Cordova 打开Cordova官网 http://cordova.axuer.com 点击入门...

  • cordova使用入门教程

    cordova使用入门教程

  • cordova使用

    cordova入门教程(一)

  • Cordova入门系列(四)自定义Cordova插件--show

    前三篇Cordova入门系列,简单讲解了Cordova,以及如何调用Cordova插件,今天我们讲解一下如何自己做...

  • Cordova+Vue实现App开发

    入门级 https://www.w3cschool.cn/cordova/ 一、安装cordova 并创建好一个项...

  • Cordova入门

    Cordova是什么? 特性 简单点理解,Cordova是一个工具,通过它可以将你做的html网页显示在WebVi...

  • Cordova 入门

    一、简介 Cordova是一个开源框架,它为开发跨移动平台的应用提供了一种解决方案。基于该框架,开发者可以使用网页...

  • cordova 入门

    现在做项目为了节约成功,适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势!像一些知名的...

  • Cordova入门

      由于公司业务发展需求,最近都在研究混合式开发APP,项目采用的Apache的Cordova框架,这篇文章就是所...

网友评论

      本文标题:Cordova入门

      本文链接:https://www.haomeiwen.com/subject/nwhftftx.html