C2/C3 Wiki

C2/C3开发者的乐园

用户工具

站点工具

您在这里: C2/C3 Wiki » 打包_使用cordova打包成ios_app
您的足迹: • 打包_使用cordova打包成ios_app • C2通过Cordova打包安卓App • 【答案之书】支持
打包_使用cordova打包成ios_app

差别

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

到此差别页面的链接

两侧同时换到之前的修订记录前一修订版
后一修订版		前一修订版
打包_使用cordova打包成ios_app [2017/06/19 18:52] – 106.38.84.18打包_使用cordova打包成ios_app [2024/01/22 11:09] (当前版本) – 外部编辑 127.0.0.1
行 1: 行 1:
 +
 +
   - 首先 Mac上安装XCode   - 首先 Mac上安装XCode
-  - 到[[http://nodejs.cn/download/|这里]]下载最近的NodeJS for Mac pkg，并安装nodejs +  - 到[[http://nodejs.cn/download/|这里]]下载最近的[[:nodejs|NodeJS]] for Mac pkg，并安装nodejs 
-  - 打开终端安装cordova，执行（不包含$号，下同）<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 $ mkdir dev
 $ cd dev $ cd dev
 </code> </code>
-  - 然后创建一个示例工程，格式是cordova create 文件夹名 工程ID 工程名<code>$ cordova create hello com.example.hello HelloWorld</code>这里要注意工程ID的格式，是域名的反写，似乎必须com.开头，这里特别注意，这一步和下一步，不要用sudo，否则可能导致在xcode中打不开 + 
-  - 接下来，给这个工程添加iOS平台<code>$ cd hello +  - 然后创建一个示例工程，格式是cordova create 文件夹名 工程ID 工程名 
-$ cordova platform add ios</code>可以用以下指令来检查搭载了哪些平台<code>$ cordova platforms ls</code> + 
-  - 运行好之后，即可进行第一次build<code>$ cordova build ios</code>或者<code>$ cordova build</code>+<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>   - 接下来，打开文件夹 工程/platform/ios/ 使用xcode打开你的工程文件，<wrap hi>在xcode中，左边文件列表里，可以看到www文件夹，将其下的所有内容删除，并将C2导出为cordova的文件夹/www/的所有内容添加到这里</wrap>
   - 在xcode内执行build，或者关闭xcode，再次执行（7）的build命令，<wrap hi>需要注意的是，任何改动，不管是图片或者js代码的改动，都需要重新进行build，否则无法生效</wrap>   - 在xcode内执行build，或者关闭xcode，再次执行（7）的build命令，<wrap hi>需要注意的是，任何改动，不管是图片或者js代码的改动，都需要重新进行build，否则无法生效</wrap>
   - 接下里，就可以在xcode中用模拟器测试你的游戏了，点击上方的预览按钮，选择一个模拟器来预览   - 接下里，就可以在xcode中用模拟器测试你的游戏了，点击上方的预览按钮，选择一个模拟器来预览
   - 需要注意的是，如果使用了cordova插件，那么就需要在工程中同样添加插件，方法是cordova plugin add插件名，例如：   - 需要注意的是，如果使用了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> 
-    * 加速度、指南针、地理<code>$ cordova plugin add cordova-plugin-device-motion+$ 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-device-orientation
-$ cordova plugin add cordova-plugin-geolocation</code> +$ cordova plugin add cordova-plugin-geolocation 
-    * 相机、视频播放、媒体捕捉<code>$ cordova plugin add cordova-plugin-camera+</code> 
 + 
 +      * 相机、视频播放、媒体捕捉 
 + 
 +<code> 
 +$ cordova plugin add cordova-plugin-camera
 $ cordova plugin add cordova-plugin-media-capture $ cordova plugin add cordova-plugin-media-capture
-$ cordova plugin add cordova-plugin-media</code> +$ cordova plugin add cordova-plugin-media 
-    * 文件访问<code>$ cordova plugin add cordova-plugin-file +</code> 
-$ 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> 
-    * 全球化<code>$ cordova plugin add cordova-plugin-globalization</code> +$ cordova plugin add cordova-plugin-file 
-    * 闪屏<code>$ cordova plugin add cordova-plugin-splashscreen</code> +$ cordova plugin add cordova-plugin-file-transfer 
-    * 内部浏览器<code>$ cordova plugin add cordova-plugin-inappbrowser</code> +</code> 
-    * 主控台<code>$ cordova plugin add cordova-plugin-console</code> + 
-  - 通过下面的命令可以展示目前已经搭载的插件<code>$ cordova plugin ls</code>通过下面的命令删除插件，例如<code>$ cordova plugin rm cordova-plugin-console</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.1497869552.txt.gz · 最后更改: (外部编辑)

页面工具

除额外注明的地方外，本维基上的内容按下列许可协议发布： CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki