差别

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

--- 打包_使用cordova打包成ios_app [2017/06/03 09:43] – Aven
+++ 打包_使用cordova打包成ios_app [2024/01/22 11:09] (当前版本) – 外部编辑 127.0.0.1
@@ 行 1: / 行 1: @@
   - 首先 Mac上安装XCode
-  - 到[[http://nodejs.cn/download/|这里]]下载最近的NodeJS for Mac pkg，并安装nodejs
+  - 到[[http://nodejs.cn/download/|这里]]下载最近的[[:nodejs|NodeJS]] for Mac pkg，并安装nodejs
-  - 打开终端安装codova，执行（不包含$号，下同）<code>$ sudo npm install -g cordova</code>
+  - 打开终端安装cordova，执行（不包含$号，下同）
-  - 这样，开发环境基本就OK了，接下来找个目录，作为你的主目录，Finder里新建或终端执行都可以<code>
+<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.开头
-  -
+  - 然后创建一个示例工程，格式是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>
+  - 签名和打包
 先坑，慢慢填

C2/C3 Wiki

用户工具

站点工具

差别

页面工具