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 文件
    在这里插入图片描述

  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 上面运行在这里插入图片描述

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

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

猜你喜欢

转载自blog.csdn.net/dwz100916007/article/details/88664329