Webapp开发之Cordova目录结构分析及一些概念
白羽 2018-06-14 来源 :网络 阅读 1067 评论 0

摘要:本文将带你了解Webapp开发之Cordova目录结构分析及一些概念,希望本文对大家学WEBAPP有所帮助。



Config.xml是一个全局配置文件,用于控制cordova应用程序行为的许多方面。 这个不依赖于平台的XML文件是基于W3C的“打包Web应用程序(Widget)”规范进行安排的,并扩展到指定核心Cordova API功能,插件和特定于平台的设置。

对于使用Cordova CLI(在命令行界面中描述)创建的项目,可以在顶级目录中找到此文件

 

请注意,在版本3.3.1-0.2.0之前,该文件存在于app / www / config.xml中,并且仍然支持该文件。

使用CLI构建项目时,将该文件的版本被动地复制到各种平台/子目录中。 例如

app/platforms/ios/AppName/config.xml
app/platforms/blackberry10/www/config.xml
app/platforms/android/res/xml/config.xml
 对config.xml进行解读:
 
<?xml version='1.0' encoding='utf-8'?><widget id="com.mycompany.myteam.myapp" version="1.0.0" xmlns="//www.w3.org/ns/widgets" xmlns:cdv="//cordova.apache.org/ns/1.0">
    <!-- 如果使用CLI构建应用程序,则可以使用plugin命令启用设备API。 这不会修改顶级的config.xml文件,
    因此该元素不适用于您的工作流。 如果您直接在SDK中工作,并使用平台特定的config.xml文件作为源,
    则可以使用该标记来启用设备级API和外部插件。 他们经常在平台特定的config.xml文件中显示自定义值。
    有关如何指定每个功能的详细信息,请参阅API参考。 有关插件的更多信息,请参阅“插件开发指南”。
    注意:大多数情况下,您不想直接设置。
     -->
    <feature name="Whitelist">        <!--用于指定什么特定的插件参数,例如:什么包检索插件代码,以及是否在Webview初始化期间初始化插件代码。          插件必须在您的Cordova-Android应用程序的res / xml / config.xml文件中指定。-->
        <param name="android-package" value="org.apache.cordova.whitelist.WhitelistPlugin" />
        <param name="onload" value="true" />
    </feature>
    <name>MyApp</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="//cordova.io">
        Apache Cordova Team
    </author>
    <!--//定义应用程序的起始页-->
    <content src="index.html" />
    <!--//可以访问任意服务器-->
    <access origin="*" /> 
    <!--//控制应用程序允许哪些URL要求系统打开。 默认情况下,不允许使用外部URL。-->
    <allow-intent href="//*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <allow-intent href="market:*" />
    <!--//键值对-->
    <preference name="loglevel" value="DEBUG" />
    <!--//指定在准备过程中要还原的插件的详细信息。 插件版本控制-->
    <plugin name="cordova-plugin-device" spec="^1.1.0" /></widget>

 

 

Cordova插件

先说说什么是插件,我们知道,cordova是一种Hybrid App,所以基本上大多数的开发方式和web开发是一致的,就是直接操作浏览器就好了,可是我们是要开发一款类似原生的App,如果有涉及原生操作的需求怎么办,例如修改启动页图片,修改状态栏,获取设备信息等等,这些浏览器层面是无法帮我们做到的,因此这时就得通过cordova的插件机制来实现了。所谓的插件,其实就是原生API与浏览器之间的一座桥梁而已,cordova通过浏览器(例如android的webview)暴露原生API接口给Javascript调用,具体怎么实现有兴趣可以自己去深入了解。

插件就是一些附加代码用来提供原生组件的JavaScript接口,他允许你的App可以使用原生设备的能力,超越了纯粹的Web App。插件必须在您的Cordova-Android应用程序的res / xml / config.xml文件中指定。

以状态栏插件为例,添加插件 cordova plugin add cordova-plugin-statusbar

罗列出已安装的插件 cordova plugin ls

 

目录分析

 

Webapp开发之Cordova目录结构分析及一些概念

 打开platform下的android平台目录

 

 

Webapp开发之Cordova目录结构分析及一些概念

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道!


本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程