webapp開發學習---Cordova目錄結構分析及一些概念

 

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="http://www.w3.org/ns/widgets" xmlns:cdv="http://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="http://cordova.io">
        Apache Cordova Team
    </author>
    <!--//定義應用程序的起始頁-->
    <content src="index.html" />
    <!--//能夠訪問任意服務器-->
    <access origin="*" /> 
    <!--//控制應用程序容許哪些URL要求系統打開。 默認狀況下，不容許使用外部URL。-->
    <allow-intent href="http://*/*" />
    <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

 

目錄分析

 打開platform下的android平臺目錄