Cordova config.xml

一.前言

在iOS和android原生中,如果需要設(shè)置icons,app name等框咙,可以在各自的開發(fā)工具中設(shè)置即可嚷辅,但是在混合開發(fā)Cordova中簿姨,可以在config.xml文件中設(shè)置。
詳細(xì)可以查看Cordova官網(wǎng)中config.xml介紹簸搞。

二.簡單介紹

下面是常見的設(shè)置整理:
1.修改app version
可以在config.xml文件中修改扁位,在<widget>標(biāo)簽中,例如加入version=“1.1.1”趁俊,那么iOSandroidversion就為1.1.1域仇;


其中需要注意,如果需要修改versionCode(即是build):
對于iOS寺擂,可以在widget標(biāo)簽中加入ios-CFBundleVersion=“10101”暇务,至于為什么是10101這個(gè)數(shù)字,是通過計(jì)算公式為:1*10000+1*100+1*1得出來的泼掠;。
對于android般卑,也是在widget標(biāo)簽中加入android-versionCode=“10101”武鲁,但是進(jìn)行真機(jī)測試的時(shí)候,發(fā)現(xiàn)在android的機(jī)子上打印出來蝠检,不是10101這個(gè)數(shù)字沐鼠,在platform/android/AndroidManifest.xml中可以看到build出來后的versionCode已經(jīng)變?yōu)?0101,但是打印出來卻是不正確的(可以通過Github上的app info插件來打印build)叹谁。

問題的原因:
通過查找路徑platform/android/build.gradle會(huì)發(fā)現(xiàn)是cdvVersionCode為空導(dǎo)致的饲梭,該文件中的代碼顯示,如果cdvVersionCode為空焰檩,則會(huì)將version進(jìn)行加8或9(網(wǎng)上有人說是Cordova存在的一個(gè)bug憔涉,我用的Cordova版本是6.0.0,現(xiàn)在的版本已經(jīng)到了7.0.1)析苫。

這里是versionCode為空的判斷

解決方法:
所以此時(shí)就只能是通過重新設(shè)置cdvVersionCode從而達(dá)到控制android的versionCode的目的兜叨,在Cordova官網(wǎng)有說明如何設(shè)置cdvVersionCode

It is possible to configure the Gradle build by setting the values of certain Gradle properties that Cordova exposes.

cdvVersionCode 設(shè)置:
cdvVersionCode: Overrides the versionCode set in AndroidManifest.xml

解決步驟:
platform/android路徑下,查找gradle.properties文件衩侥,沒有該文件的話国旷,就自行在platform/android路徑下創(chuàng)建這個(gè)文件,然后寫入cdvVersionCode=10101,這樣android的versionCode就需要成功了茫死。
附上stack overflow上相關(guān)解決方案

gradle.properties文件的位置

2.修改app的bundle id跪但,可以在<widget>標(biāo)簽中修改,id=“com.xxx.xxx”即可峦萎。

3.app 的啟動(dòng)頁面
默認(rèn)的是index.html頁面屡久,此時(shí)可以通過下面的代碼改變啟動(dòng)頁面

<content src="init_page.html” />

4.修改app icons
需要區(qū)分iOS和android兩個(gè)平臺(tái)來進(jìn)行 ,app icons設(shè)置

android平臺(tái):

<platform name="android">
    <!--
        ldpi    : 36x36 px
        mdpi    : 48x48 px
        hdpi    : 72x72 px
        xhdpi   : 96x96 px
        xxhdpi  : 144x144 px
        xxxhdpi : 192x192 px
    -->
    <icon src="res/android/ldpi.png" density="ldpi" />
    <icon src="res/android/mdpi.png" density="mdpi" />
    <icon src="res/android/hdpi.png" density="hdpi" />
    <icon src="res/android/xhdpi.png" density=“xhdpi"/>
    <icon src="res/android/xxhdpi.png" density="xxhdpi" />
    <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
</platform>

iOS平臺(tái):

<platform name="ios">
    <!-- iOS 8.0+ -->
    <!-- iPhone 6 Plus  -->
    <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
    <!-- iOS 7.0+ -->
    <!-- iPhone / iPod Touch  -->
    <icon src="res/ios/icon-60.png" width="60" height="60" />
    <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
    <!-- iPad -->
    <icon src="res/ios/icon-76.png" width="76" height="76" />
    <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
    <!-- Spotlight Icon -->
    <icon src="res/ios/icon-40.png" width="40" height="40" />
    <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
    <!-- iOS 6.1 -->
    <!-- iPhone / iPod Touch -->
    <icon src="res/ios/icon.png" width="57" height="57" />
    <icon src="res/ios/icon@2x.png" width="114" height="114" />
    <!-- iPad -->
    <icon src="res/ios/icon-72.png" width="72" height="72" />
    <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
    <!-- iPad Pro -->
    <icon src="res/ios/icon-167.png" width="167" height="167" />
    <!-- iPhone Spotlight and Settings Icon -->
    <icon src="res/ios/icon-small.png" width="29" height="29" />
    <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
    <!-- iPad Spotlight and Settings Icon -->
    <icon src="res/ios/icon-50.png" width="50" height="50" />
    <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
    <!-- iPad Pro -->
    <icon src="res/ios/icon-83.5@2x.png" width="167" height="167” />
</platform>

5.plugin
在Cordova的開發(fā)中免不了需要導(dǎo)入插件爱榔,如果需要提交插件到svn被环,可以這樣操作:cd進(jìn)入項(xiàng)目之后,導(dǎo)入插件详幽,執(zhí)行--save,此時(shí)插件就會(huì)同步到config.xml筛欢,再提交這個(gè)confg.xml到svn即可。另一個(gè)用戶妒潭,更新config.xml文件悴能,執(zhí)行cordova prepare,就可以將提交好的plugin加入到project中雳灾,可以正常使用plugin漠酿。
例如:
add cordova-plugin-camera with semver version ^2.0.0 and save it to config.xml:
cordova plugin add cordova-plugin-camera @^2.0.0 --save
其中的@后面是你要添加的plugin的版本號(hào),具體要哪一個(gè)版本號(hào)谎亩,你可以在Github上搜索該plugin炒嘲。

6.在android上無法請求接口宇姚,需要去到platform/android/AndroidManifest.xml中查看permission是否有添加。

<uses-permission android:name="android.permission.INTERNET” />

其中也有一些其它的權(quán)限夫凸,例如camera浑劳,contact等等。

7.name
指定app的名字

Specifies the app's formal name, as it appears on the device's home screen and within app-store interfaces.

<widget> 中寫入

<name>HelloCordova</name>

三.總結(jié)

在Cordova開發(fā)中夭拌,會(huì)遇到一些基本的設(shè)置魔熏,都可以在config.xml文件中進(jìn)行設(shè)置,也許會(huì)遇到一些棘手的問題鸽扁,例如android的versionCode蒜绽,在終端build出來后,查看AndroidManifest.xml文件也是你設(shè)置的number桶现,但是在相關(guān)js文件中,打印出來的number卻不一致躲雅。所以,這種情況可以上stack overflow上查找原因骡和,一般都是可以解決的相赁。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市慰于,隨后出現(xiàn)的幾起案子钮科,更是在濱河造成了極大的恐慌,老刑警劉巖东囚,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件跺嗽,死亡現(xiàn)場離奇詭異战授,居然都是意外死亡页藻,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門植兰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來份帐,“玉大人,你說我怎么就攤上這事楣导》暇常” “怎么了?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵筒繁,是天一觀的道長噩凹。 經(jīng)常有香客問我,道長毡咏,這世上最難降的妖魔是什么驮宴? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮呕缭,結(jié)果婚禮上堵泽,老公的妹妹穿的比我還像新娘修己。我一直安慰自己,他們只是感情好迎罗,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布睬愤。 她就那樣靜靜地躺著,像睡著了一般纹安。 火紅的嫁衣襯著肌膚如雪尤辱。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天厢岂,我揣著相機(jī)與錄音啥刻,去河邊找鬼。 笑死咪笑,一個(gè)胖子當(dāng)著我的面吹牛可帽,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播窗怒,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼映跟,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了扬虚?” 一聲冷哼從身側(cè)響起努隙,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎辜昵,沒想到半個(gè)月后荸镊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡堪置,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年躬存,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舀锨。...
    茶點(diǎn)故事閱讀 38,059評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡岭洲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出坎匿,到底是詐尸還是另有隱情盾剩,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布替蔬,位于F島的核電站告私,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏承桥。R本人自食惡果不足惜驻粟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望快毛。 院中可真熱鬧格嗅,春花似錦番挺、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至贴铜,卻和暖如春粪摘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绍坝。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工徘意, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人轩褐。 一個(gè)月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓椎咧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親把介。 傳聞我的和親對象是個(gè)殘疾皇子勤讽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容