第三步 Cordova 3.0(及以上版本) 添加插件

时间:2023-03-09 09:15:41
第三步 Cordova 3.0(及以上版本) 添加插件

1.使用命令生成项目

例:cordova create jy110 com.example.jy110 jy110

2.使用命令添加插件(如果报错,可能是网络问题,可以多试几次,直到成功)

例:cordova plugin add org.apache.cordova.inappbrowser

3.检查插件是否安装成功

例:cordova plugin ls ['org.apache.cordova.inappbrowser']

4.生成安卓项目

例:cordova platform add android

如图:

第三步 Cordova 3.0(及以上版本) 添加插件

在assets\www文件加中会如下生成:

第三步 Cordova 3.0(及以上版本) 添加插件

我们要整合sencha-touch进来,所以需要删除无关的文件,只保留以下三项

第三步 Cordova 3.0(及以上版本) 添加插件

sencha-touch项目结构不变

第三步 Cordova 3.0(及以上版本) 添加插件

app.json添加以下配置

   "js": [{
"path": "touch/sencha-touch.js",
"x-bootstrap": true
},
{
"path": "bootstrap.js",
"x-bootstrap": true
},
{
"path": "cordova.js",
"update": "delta"
},
{
"path": "app.js",
/* 表示所有的类生成到这个文件 */
"bundle": true,
"update": "delta"
}],

5.通过cmd生成项目:

第三步 Cordova 3.0(及以上版本) 添加插件

找到生成的包:

第三步 Cordova 3.0(及以上版本) 添加插件

将生成的文件复制到安卓项目中:

第三步 Cordova 3.0(及以上版本) 添加插件

6.开始打包测试

参考:http://www.cnblogs.com/mlzs/p/3437445.html进行操作

config.xml:

 <?xml version='1.0' encoding='utf-8'?>
<!-- <widget>元素的 id 属性提供了应用程式的反向域识别码和 version 主要/次要/修补程式符号表示其完整版本号码。 -->
<widget xmlns:cdv="http://cordova.apache.org/ns/1.0"
id="com.example.jy110"
version="0.0.1"
xmlns="http://www.w3.org/ns/widgets" > <!-- <name>元素指定应用程式的正式名称,因为它出现在设备的主画面上和在应用程式商店介面内。 -->
<name>
江油一网
</name>
<!-- <description>和 <author> 的元素指定的中继资料和联繫资讯,可能会出现在应用程式商店清单内。 -->
<description>
江油一网
</description> <author
email="534502520@qq.com"
href="http://www.cnblogs.com/mlzs/" >
我的联系方式
</author>
<!-- 可选的<content>元素在*的网络资产目录中定义应用程式的起始页。预设值是index.html的,其中通常出现在一个专案中的*万维网目录。 -->
<content src="index.html" />
<!-- <access>元素定义应用程式能够与进行通信的外部域的集。如上所示的预设值允许它访问任何伺服器。请参阅域白名单指南的详细资讯。 -->
<access origin="*" />
<!-- <preference>标记设置各种选项作为对名称/值属性。每个首选项的名称是不区分大小写。很多优惠是独有的特定平台上,如列于此页的顶部。以下各节详细介绍了适用于多个平台的首选项。 -->
<!-- fullscreen使您可以隐藏在萤幕顶部的状态列。 -->
<preference
name="fullscreen"
value="true" />
<preference
name="webviewbounce"
value="true" />
<!-- 设置为初始萤幕显示的图像。如果您的图像名称为 splash.png ,您需要如此设置。 -->
<preference
name="splashscreen"
value="splash" />
<!-- 设置启动画面显示时间,一旦接收到 app deviceready 事件,将调用 navigator.splashscreen.hide() 方法。 -->
<preference
name="splashScreenDelay"
value="3000" />
<!-- 不如此不能监听事件 -->
<feature name="App" >
<param
name="android-package"
value="org.apache.cordova.App" />
</feature>
<feature name="InAppBrowser" >
<param
name="android-package"
value="org.apache.cordova.inappbrowser.InAppBrowser" />
</feature> </widget>

AndroidManifest.xml:

 <?xml version='1.0' encoding='utf-8'?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.jy110"
android:hardwareAccelerated="true"
android:versionCode="1"
android:versionName="1.0.1"
android:windowSoftInputMode="adjustPan" > <supports-screens
android:anyDensity="true"
android:largeScreens="true"
android:normalScreens="true"
android:resizeable="true"
android:smallScreens="true"
android:xlargeScreens="true" /> <application
android:debuggable="true"
android:hardwareAccelerated="true"
android:icon="@drawable/icon"
android:label="@string/app_name" >
<!-- <screenOrientation>使程序始终竖向,不相应屏幕旋转以免程序崩溃 -->
<activity
android:name="jy110"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
android:label="@string/app_name"
android:screenOrientation="portrait"
android:theme="@android:style/Theme.Black.NoTitleBar" >
<intent-filter>
<action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application> <uses-sdk
android:minSdkVersion="10"
android:targetSdkVersion="17" />
<!-- 配置访问网络权限 -->
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" /> </manifest>