phoneGap教程

photoGap Config.xml

photoGap Config.xml

在PhoneGap的这一部分,我们将首先查看config.xml文件,它允许我们在之前配置我们的应用程序将其提交到在线应用程序商店之一。之后,我们将了解 Adobe PhoneGap 构建。它可以为 iOS 和 自动化构建过程.com/android-tutorial">Android 用于我们的应用程序。我们还将看看命令行界面,它为我们提供了构建应用程序的第二种方法。最后,我们将讨论使用 Android 虚拟设备工具进行测试。它将允许我们在屏幕上的模拟设备上测试我们的应用程序。获得所有这些信息后,我们将准备发布我们的第一个 PhoneGap 应用程序。

Config.xml

config.xml 文件取决于我们选择的模板当我们最初构建我们的 PhoneGap 应用程序时。如果我们使用 PhoneGap 桌面应用程序构建我们的 PhoneGap 应用程序,它可能看起来与命令行略有不同。在这个完整的文件中,我们将简要解释不同的部分,这些部分将显示哪些部分重要,哪些不重要。

1) 名称

第一行专为重要的名称而设计,因为它是我们的应用在某人设备上的图标下方显示的名称。
<name> Push Example </name>

2) 描述

下一行代码是为描述而设计的。我们必须确保描述可靠且正确,因为 App Store 使用此描述。
<description>
        Push sample application that receives push notifications.
</description>

3) 作者电子邮件和支持 URL

下一行代码定义了作者的电子邮件。我们总是希望在这里有正确的作者电子邮件,如果我们有支持 URl,我们需要把它在这里。
<author email = "shubham.18mca3036@abes.ac.in" href = "http://lidihuo.com">
        Shubham Rastogi
    </author>

4) 我们应用的起始页

下一行决定了我们应用的起始页。以一种简单的方式,它决定了我们的应用将从哪个页面启动。
<content src = "index.html" />

5) 添加首选项

接下来的几行是为一些重要的首选项而设计的。我们可能想也可能不想设置这些来改变我们的应用程序的显示方式。这些首选项是:
如何在我们的应用中控制滚动。 最低 Android 版本支持是多少? 状态栏的显示方式、状态栏的颜色和样式。
<preference name = "DisallowOverscroll" value = "true" />
<preference name = "android-minSdkVersion" value = "14" />
<preference name = "StatusBarOverlaysWebView" value = "false" />
<preference name = "StatusBarBackgroundColor" value = "#ee6e73" />
<preference name = "StatusBarStyle" value = "blacktranslucent" />

6) 插件

在首选项代码之后,下一行是我们在应用程序中使用的插件的代码。当我们构建这些插件时,这些插件将被自动声明。
<plugin name = "phonegap-plugin-push" source = "npm" spec = "~1.8.0">
        <variable name = "SENDER_ID" value = "XXXXXXX" />
</plugin>

7) icon

下一部分很典型,但对 Android 很重要。有不同的标准屏幕密度,它更喜欢我们为每个屏幕提供单独的图标。此图标是我们从商店安装应用程序时出现在我们的移动屏幕上的图标。这很重要,因为我们希望我们的图标专业且美观。
<platform name = "android">
        <icon density = "ldpi" src = "www/res/icon/android/drawable-ldpi-icon.png" />
        <icon density = "mdpi" src = "www/res/icon/android/drawable-mdpi-icon.png" />
        <icon density = "hdpi" src = "www/res/icon/android/drawable-hdpi-icon.png" />
        <icon density = "xhdpi" src = "www/res/icon/android/drawable-xhdpi-icon.png" />
        <icon density = "xxhdpi" src = "www/res/icon/android/drawable-xxhdpi-icon.png" />
        <icon density = "xxxhdpi" src = "www/res/icon/android/drawable-xxxhdpi-icon.png" />

8) 启动画面

config.xml 文件中的下一行代码是为启动画面设计的。启动画面是应用加载时出现的画面。此代码具有不同密度的启动画面,可供我们使用。这些通常是风景和肖像。我们也会有不同的方向。
<splash density = "land-ldpi" src = "www/res/screen/android/drawable-land-ldpi-screen.png" />
<splash density = "land-mdpi" src = "www/res/screen/android/drawable-land-mdpi-screen.png" />
<splash density = "land-hdpi" src = "www/res/screen/android/drawable-land-hdpi-screen.png" />
<splash density = "land-xhdpi" src = "www/res/screen/android/drawable-land-xhdpi-screen.png" />
<splash density = "land-xxhdpi" src = "www/res/screen/android/drawable-land-xxhdpi-screen.png" />
<splash density = "land-xxxhdpi" src = "www/res/screen/android/drawable-land-xxxhdpi-screen.png" />
<splash density = "port-ldpi" src = "www/res/screen/android/drawable-port-ldpi-screen.png" />
<splash density = "port-mdpi" src="www/res/screen/android/drawable-port-mdpi-screen.png" />
<splash density = "port-hdpi" src = "www/res/screen/android/drawable-port-hdpi-screen.png" />
<splash density = "port-xhdpi" src = "www/res/screen/android/drawable-port-xhdpi-screen.png" />
<splash density= "port-xxhdpi" src = "www/res/screen/android/drawable-port-xxhdpi-screen.png" />
<splash density = "port-xxxhdpi" src = "www/res/screen/android/drawable-port-xxxhdpi-screen.png" />
</platform>
和安卓一样,我们有 iOS 平台、wp8(windows 手机)、广告窗口。

9) 访问

现在,接下来的几行为允许我们的应用程序访问的 URL 编码。我们允许我们的应用访问 http、https、电话、SMS 等。我们还允许访问 Android 市场或 iOS 市场。如果我们的应用中有一个嵌入式网络浏览器,用户可以在其中进行 URL 导航,这尤其重要。
    <access origin = "*" />
    <allow-intent href = "http://*/*" />
    <allow-intent href = "https://*/*" />
    <allow-intent href = "tel:*" />
    <allow-intent href = "sms:*" />
    <allow-intent href = "mailto:*" />
    <allow-intent href = "geo:*" />
    <platform name = "android">
        <allow-intent href = "market:*" />
    </platform>
    <platform name = "ios">
        <allow-intent href = "itms:*" />
        <allow-intent href = "itms-apps:*" />
    </platform>
在下一节中,我们将了解 Adob​​e PhoneGap Build。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4