Vmo8 Wiki

Vmo8 用户的地盘, C2/C3开发者的乐园

用户工具

站点工具


打包_使用cordova打包成ios_app

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
打包_使用cordova打包成ios_app [2020/07/14 09:58]
216.244.66.228 已恢复为旧版 (2020/06/29 22:43)
打包_使用cordova打包成ios_app [2020/07/15 13:02] (当前版本)
Aven 已恢复为旧版 (2018/12/11 16:06)
行 1: 行 1:
-- 首先 Mac上安装XCode + 
-- 打开终端安装node.js+ 
 +  - 首先 Mac上安装XCode 
 +  - 到[[http://nodejs.cn/download/|这里]]下载最近的[[:nodejs|NodeJS]] for Mac pkg,并安装nodejs 
 +  - 打开终端安装cordova,执行(不包含$号,下同) 
 + 
 +<code> 
 +$ sudo npm install -g cordova 
 + 
 +$ sudo chown -R $USER:$GROUP ~/.npm 
 +$ sudo chown -R $USER:$GROUP ~/.config 
 +</code> 
 + 
 +  - 这样,开发环境基本就OK了,接下来找个目录,作为你的主目录,Finder里新建或终端执行都可以 
 + 
 +<code> 
 +$ mkdir dev 
 +$ cd dev 
 +</code> 
 + 
 +  - 然后创建一个示例工程,格式是cordova create 文件夹名 工程ID 工程名 
 + 
 +<code> 
 +$ cordova create hello com.example.hello HelloWorld 
 +</code> 
 + 
 +这里要注意工程ID的格式,是域名的反写,似乎必须com.开头,<wrap hi>这里特别注意,这一步和下一步,不要用sudo,否则可能导致在xcode中打不开</wrap> 
 + 
 +  - 接下来,给这个工程添加iOS平台 
 + 
 +<code> 
 +$ cd hello 
 +$ cordova platform add ios 
 +</code> 
 + 
 +可以用以下指令来检查搭载了哪些平台 
 + 
 +<code> 
 +$ cordova platforms ls 
 +</code> 
 + 
 +  - 运行好之后,即可进行第一次build 
 + 
 +<code> 
 +$ cordova build ios 
 +</code> 
 + 
 +或者 
 + 
 +<code> 
 +$ cordova build 
 +</code> 
 + 
 +  - 接下来,打开文件夹 工程/platform/ios/ 使用xcode打开你的工程文件,<wrap hi>在xcode中,左边文件列表里,可以看到www文件夹,将其下的所有内容删除,并将C2导出为cordova的文件夹/www/的所有内容添加到这里</wrap> 
 +  - 在xcode内执行build,或者关闭xcode,再次执行(7)的build命令,<wrap hi>需要注意的是,任何改动,不管是图片或者js代码的改动,都需要重新进行build,否则无法生效</wrap> 
 +  - 接下里,就可以在xcode中用模拟器测试你的游戏了,点击上方的预览按钮,选择一个模拟器来预览 
 +  - 需要注意的是,如果使用了cordova插件,那么就需要在工程中同样添加插件,方法是cordova plugin add插件名,例如: 
 +      * 基础设备信息 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-device 
 +</code> 
 + 
 +      * 网络连接和电池事件 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-network-information 
 +$ cordova plugin add cordova-plugin-battery-status 
 +</code> 
 + 
 +      * 加速度、指南针、地理 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-device-motion 
 +$ cordova plugin add cordova-plugin-device-orientation 
 +$ cordova plugin add cordova-plugin-geolocation 
 +</code> 
 + 
 +      * 相机、视频播放、媒体捕捉 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-camera 
 +$ cordova plugin add cordova-plugin-media-capture 
 +$ cordova plugin add cordova-plugin-media 
 +</code> 
 + 
 +      * 文件访问 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-file 
 +$ cordova plugin add cordova-plugin-file-transfer 
 +</code> 
 + 
 +      * 对话框和振动 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-dialogs 
 +$ cordova plugin add cordova-plugin-vibration 
 +</code> 
 + 
 +      * 通讯录 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-contacts 
 +</code> 
 + 
 +      * 全球化 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-globalization 
 +</code> 
 + 
 +      * 闪屏 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-splashscreen 
 +</code> 
 + 
 +      * 内部浏览器 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-inappbrowser 
 +</code> 
 + 
 +      * 主控台 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-console 
 +</code> 
 + 
 +  - 通过下面的命令可以展示目前已经搭载的插件 
 + 
 +<code> 
 +$ cordova plugin ls 
 +</code> 
 + 
 +通过下面的命令删除插件,例如 
 + 
 +<code> 
 +$ cordova plugin rm cordova-plugin-console 
 +</code> 
 + 
 +  - 签名和打包 
 + 
 +先坑,慢慢填 
 + 
打包_使用cordova打包成ios_app.txt · 最后更改: 2020/07/15 13:02 由 Aven