h5项目使用cordova创建工程打包成 iOS 版本

  1. 打开命令终端,进入到存放项目的目录下
    cd /Users/my/Desktop/myApp

  2. 在该目录下创建工程
    cordova create hello com.example.hello HelloWorld
    hello:表示目录名称
    com.example.hello:项目包名,也是 bundleID
    HelloWorld:生成的项目名称

  3. 进入目录
    cd hello

  4. 打开项目,找到项目下的 www 文件,替换成我们已经写好的 www 文件
    h5项目使用cordova创建工程打包成 iOS 版本_第1张图片

  5. 给项目安装需要的插件
    cordova plugin add cordova-plugin-console //打印
    cordova plugin add cordova-plugin-device
    cordova plugin add cordova-plugin-file //文件
    cordova plugin add cordova-plugin-statusbar //状态栏
    cordova plugin add cordova-plugin-camera //拍照
    cordova plugin add cordova-plugin-image-picker //相册选取
    cordova plugin add cordova-plugin-file-transfer //文件传送
    cordova plugin add cordova-plugin-network-information //网络
    cordova plugin add phonegap-plugin-barcodescanner //二维码

  6. 删除插件的方法 cordova plugin rm cordova-plugin-console

  7. 打包生成ios版本 或是安卓版本
    cordova platform add ios //iOS 打包
    cordova platform add android //安卓打包

  8. 打开项目里的 platforms 文件夹,里面有 ios 文件包就说明打包成功了,就可以双击项目文件在 xcode 上面运行h5项目使用cordova创建工程打包成 iOS 版本_第2张图片

  9. 在打包之后的文件要修改 www 里面的代码,可以先在主目录文件下的 www 里面修改,然后运行 cordova prepare ios ,可以把修改之后的文件同步到 ios里面的 www 文件里

  10. 记住打包之后的项目要修改成自己项目的 bundleId,添加相册相机权限,修改 app 图标和 app 启动图片等

你可能感兴趣的:(h5项目使用cordova创建工程打包成 iOS 版本)