PhoneGap教程

PhoneGap - 环境设置

在本章中，我们将学习如何设置基本环境以便轻松地创建应用程序.虽然PhoneGap支持使用 Cordova命令行界面和 Github存储库机制，我们将专注于最小努力程序.

我们假设您精通Web技术并准备好您的Web应用程序作为应用程序发布.由于PhoneGap仅支持HTML，CSS和JavaScript，因此必须仅使用这些技术创建应用程序.

从开发人员的角度来看，应用程序应包含以下项目package :

配置文件
应用程序图标
信息或内容(使用网络技术构建)

配置

我们的网络应用只需要一个配置文件应足以配置其所有必要的设置.它的名字是config.xml.该文件包含编译应用程序所需的所有必要信息.

让我们看一下config.xml的示例 :

<?xml version = "1.0" encoding = "UTF-8"?>

<widget xmlns = "http://www.w3.org/ns/widgets" 
   xmlns:gap = "http://phonegap.com/ns/1.0" id = "com.IT屋.onlineviewer" version = "1.0">
   
   <name>Tutorials Point</name>
   
   <description>
      Tutorials Point Online Viewer
   </description>
   
   <author href = "http://IT屋.com" email = "admin@it1352.com">
      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" />
   
</widget>

所有配置内容都包含在< widget>中标签.这些的简要描述如下 :

 
< widget id ="app_id">

id是您在各种应用商店中保留的应用ID.它是反向域名风格，即com.it1352.onlineviewer等.

 
< widget version ="x.y.z">

这是xyz格式的app的版本号，其中(x，y，z)是正整数，即1.0.0，它代表major.minor.patch版本系统.

 
< name>应用名称</name>

这是应用程序的名称，它将显示在移动设备屏幕上的应用程序图标下方.您的应用可以使用此名称进行搜索.

 
< description>我的第一个Web应用</description>

这是对应用程序内容及其含义的简要说明.

 
< author>作者姓名</author>

此字段包含创建者或程序员的名称，通常设置为启动此应用程序的组织名称.

 
< preferences name ="permissions"value ="none">

首选项标签用于为应用设置各种选项，如FullScreen，BackgroundColor和Orientation.这些选项在名称和值对中.例如:name ="FullScreen"value ="true"等.因为我们不需要任何这些高级设置，所以我们只将权限设置为none.

 
< icon>

允许我们为我们的应用添加图标.它可以通过各种方式进行编码，但由于我们学习了所有内容的快捷方式，所以现在就是这样. .src 确定图标图像的路径. gap:platform 确定要使用此图标的OS平台. gap:qualifier 是android设备使用的密度. iOS设备使用 width&高度参数.