PhoneGap環境設置

我們將在這裏學習如何設置基本的環境，以使應用毫不費力。通過PhoneGap的支持cordova使用命令行界面和Github的資料庫機制的應用程序離線創建，但我們自己動手體驗配置過程。

我們假設你精通Web技術，Web應用程序準備作爲一個應用程序。因爲PhoneGap僅支持HTML，CSS和JavaScript，它是強制性的，這個應用只使用這些技術創建。

從開發者的角度來看，包括在其包中的應用程序應該具有以下項目：

配置文件
應用程序圖標
信息或內容(使用網絡技術構建的)

配置

web應用程序將只需要一個應該是足夠的配置所有必要的設置配置文件。它的名字是config.xml。該文件包含了所有編譯應用程序所需的必要信息。

讓我們來看看config.xml 如下例子：

<name>Tutorials Point</name>

<description>
    Tutorials Point Online Viewer
</description>

<author href="http://yiibai.com" email="[email protected]">
    Tutorials Point
</author>

<preference name="permissions" value="none"/>


<icon src="res/icon/android/drawable-ldpi/tp\_icon.png" gap:platform="android" gap:qualifier="ldpi" />
<icon src="res/icon/android/drawable-mdpi/tp\_icon.png" gap:platform="android" gap:qualifier="mdpi" />
<icon src="res/icon/android/drawable-hdpi/tp\_icon.png" gap:platform="android" gap:qualifier="hdpi" />
<icon src="res/icon/android/drawable-xhdpi/tp\_icon.png" gap:platform="android" gap:qualifier="xhdpi" />
<icon src="res/icon/android/drawable-xxhdpi/tp\_icon.png" gap:platform="android" gap:qualifier="xxhdpi" />

<icon src="res/icon/ios/Icon-72.png" gap:platform="ios" gap:qualifier=""/>

<icon src="res/icon/ios/icon-57.png" gap:platform="ios" width="57" height="57" />
<icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="res/icon/ios/icon-57-2x.png" gap:platform="ios" width="114" height="114" />
<icon src="res/icon/ios/icon-72-2x.png" gap:platform="ios" width="144" height="144" />

所有的配置內容包裝在標記。附圖說明這些如下：

id爲各種應用程序商店的應用程序保留-ID。它是在反向域名的風格，即com.yiibai.onlineviewer等。

x.y.z格式是應用程序的版本號，其中（x，y，z）爲正整數，即1.0.0，它代表major.minor.patch版系統。

App Name

這是應用程序的名稱，這將在手機屏幕上顯示下面的應用程序圖標。應用程序可以使用這個名稱來搜索。

My First Web App

這是關於應用，並且它是一個簡要說明。

Author_Name

此字段包含創建者或程序員，一般設置爲組織，正在發起這個應用程序的名稱的名稱。

首選項標籤是用來設置各種選項，比如全屏，BackgroundColor中和方向的應用程序。這些選項在名稱和值對。例如：name="FullScreen" value="true" 等。由於我們不要求任何這些預先設置，只要把權限設置爲none。

讓我們將圖標添加到我們的應用程序。它可以編碼多種方式，但我們正在學習捷徑的一切，所以在這兒呢。 .src 確定的圖標圖像的路徑。差距：平臺決定了其操作系統平臺該圖標將被使用。 gap:限定詞是使用Android設備的密度。在iOS設備上使用的寬度和高度參數。

圖標

有具有相同的移動操作系統不同大小的設備，因此目標受衆一個平臺，需要提供所有的移動設備類型的圖標。製備精確的形狀和尺寸的圖標所要求的特定的移動操作系統是重要的。

在這裏，我們使用的是文件夾res/icon/ios 和res/icon/android/drawable-xxxx.

爲了這個工作做得快，可以創建一個大小爲1024×1024的標誌，然後登錄到makeappicon.com。這個網站將幫助你快速創建各種大小的，以及Android和iOS平臺的標誌。

提供了1024×1024尺寸的圖標圖像後，makeappicon.com應提供下列資料：

icons for iOS

icons for Android

本網站爲提供了一個選項，通過電子郵件發送zip格式的所有標識。

PhoneGap教程

配置

圖標