PhoneGap+Cordova+SenchaTouch-02-添加插件并在设备中运行ST项目

第一步:添加cordova支持。

sencha cordova init com.mycompany.MyApp MyApp

com.mycompany.MyApp 是APP_ID ;MyApp 是APP_NAME

备注:APP_ID  在IOS中非常重要,要和申请的store账号对应,否则打包不成功!

命令支持成功以后,在项目根目录将增加cordova目录。

第二步:添加插件。

进入SenchaTouch项目目录下的cordova 目录

cd cordova;
如果在  registry.cordova.io  注册过,可以用插件的ID指定要添加的插件。
cordova plugin add org.apache.cordova.device 
或者使用url直接指定插件,这个方法有一个好处就是可以添加第三方的插件。
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git
返回到SenchaTouch项目根目录。

cd ..

第三步:修改配置文件。

打开app.json文件,添加平台,默认是ios ,多个平台用空格隔开

"builds": {
    "native": {
        "packager": "cordova",
        "cordova" : {
            "config": {
                    "platforms": "ios android"
                    "id": "com.mydomain.MyApp"
            }
        }
    } 

启动SenchaTouch项目

sencha app build -run native;
当程序启动后,就可以调用该插件:

以显示uuid为例:

alert(device.uuid);

如果是第一次启动,而且没有下载好sdk ,将提示以下错误:

PhoneGap+Cordova+SenchaTouch-02-添加插件并在设备中运行ST项目_第1张图片

根据提示错误,下载android版本为19的sdk就可以了。

最后来张效果图:

PhoneGap+Cordova+SenchaTouch-02-添加插件并在设备中运行ST项目_第2张图片


欢迎加入技术讨论群 :219805927    

原文请移步:http://www.wenhaozhong.com/154.html

你可能感兴趣的:(PhoneGap+Cordova+SenchaTouch-02-添加插件并在设备中运行ST项目)