美文网首页
iOS cordova学习笔记

iOS cordova学习笔记

作者: icoder | 来源:发表于2016-02-18 16:34 被阅读613次

    1.cordova的安装 依赖nodejs
    2.先安装nodejs 从 nodejs网站 下载并安装,安装成功后,在命令行输入命令:node 或 npm,不报错即可。
    3.利用nodejs npm 管理工具安装 cordova
    > npm install -g cordova


    创建工程

    a.新建一个文件夹作为工作目录,cmd切换到该路径下
    >cd d:\workspace\cordova
    b.创建cordova project
    >cordova create helloCordova com.hzjava.myCordova HelloCordova
    c.添加平台支持
    首先进入刚创建的工程根目录
    >cd helloCordova
    然后

    > cordova platforms add ios
    > cordova platforms add android

    > cordova platforms ls
    d.添加插件(根据具体功能添加插件,比如扫码插件、文件操作插件等等,可以去 cordova插件库 搜索需要的插件)

    > cordova plugin add ******com.phonegap.plugins.barcodescanner
    > cordova plugin add org.apache.cordova.file-transfer
    > cordova plugin ls

    注意:并非所有插件都是全平台支持的,有些可能只支持android,有些可能同时支持android和ios,所以开发多平台app时需要慎重选择插件

    3.项目整合
    3.1.Android
    a.将静态html文件copy到helloCordova\www目录下
    b.编译android工程:
    >cordova build android
    c.运行eclipse,导入helloCordova\platforms\android路径下的android工程
    d.在html里引用cordova的js库:
    <script type="text/javascript" src="cordova.js"></script>

    <script type="text/javascript" src="cordova_plugins.js"></script>


    3.2.ios
    a.将静态html文件copy到helloCordova\www目录
    b.编译ios工程:
    >cordova build ios
    c.运行xcode,导入helloCordova\platforms\ios路径下的xcode project
    d.在html里引用cordova的js库:
    <script type="text/javascript" src="cordova.js"></script>

    <script type="text/javascript" src="cordova_plugins.js"></script>


    cordova编译会将[根目录/www]下文件copy到具体platform的www文件夹内,如果你的代码写在platforms里的android中,编译时会被覆盖掉
    因为add plugin的时候已经自动添加了相关的配置,所以只要有cordova_plugin.js就不需要手动引用cordova插件的js了。

    打包
    之后便可以像其他项目一样打包生成.ipa了

    相关文章

      网友评论

          本文标题:iOS cordova学习笔记

          本文链接:https://www.haomeiwen.com/subject/nmimkttx.html