Egret iOS Support(iOS APP打包)2.0.2 官方正式版

Egret iOS Support是一款iOS APP打包方案，可以將Egret開發(fā)的HTML5游戲打包為IPA文件，轉(zhuǎn)換后的APP效率更加接近原生游戲性能。

iOS APP打包方案

1、安裝iOS開發(fā)環(huán)境——Xcode

運(yùn)行App Store，在搜索項(xiàng)查找“Xcode”，下載并安裝即可

第二部分、安裝Egret游戲框架

2、預(yù)備知識(shí)

運(yùn)行Mac OS X的Terimal應(yīng)用：在Finder中打開Applications文件夾，再打開Utilities文件夾，找到Termial應(yīng)用，雙擊運(yùn)行。如下圖：

進(jìn)入你的工作目錄，在演示中，我們的的工作目錄為“l(fā)abs/”，工作目錄為空文件夾，如下圖：

接下來，為我們的游戲建立一個(gè)projects文件夾，運(yùn)行

$ mkdir projects

如下圖：

3、安裝Egret

傳送門：Mac OS X 系統(tǒng)下安裝最新的Egret。

4、下載Egret的iOS支持包

創(chuàng)建Egret Support文件夾

下載Egret ios支持包

下載egret-ios-support，將egret-ios-support放置在“l(fā)abs/egret-support/”文件夾下，如下圖：

第三部分、創(chuàng)建一個(gè)iOS打包的示例

5、創(chuàng)建一個(gè)Egret項(xiàng)目

這里創(chuàng)建一個(gè)名稱為ACoolHtmlGame的項(xiàng)目，使用命令如下：

$ egret create ACoolHtmlGame

如圖：

6、編寫你的游戲項(xiàng)目

接下來要做的事情就是編寫你的游戲項(xiàng)目邏輯。這里我們不進(jìn)行操作，使用默認(rèn)的項(xiàng)目來進(jìn)行演示。

7、創(chuàng)建你的ios項(xiàng)目工程

從你的HTML5游戲創(chuàng)建ios項(xiàng)目工程

回到我們的游戲工程文件夾“l(fā)abs/projects/”下，我們通過一個(gè)新的命令來創(chuàng)建適用于ios的項(xiàng)目，該命令創(chuàng)建項(xiàng)目時(shí)，需要指定原有HTML5工程和你的egret-ios-support路徑。命令如下：

$ cd projects/$ egret create_app ACoolIosGame -f ACoolHtmlGame -t ../egret-support/egret-ios-support

create_app命令可用來創(chuàng)建適用于ios的項(xiàng)目工程。ACoolIosGame則是該工程的工程名。

-f參數(shù)則指定我們的HTML5游戲項(xiàng)目，我們直接將剛剛創(chuàng)建的HTML5項(xiàng)目路徑填寫進(jìn)入即可。

-t參數(shù)則是ios項(xiàng)目工程的模板，我們需要指定“egret-ios-support”項(xiàng)目路徑。

下圖為運(yùn)行命令演示：

運(yùn)行命令后，你將看到新生成的ACooliosGame項(xiàng)目文件夾，該文件夾結(jié)構(gòu)如下：

自此，我們已經(jīng)創(chuàng)建了一個(gè)完整的ios工程，我們來看一下當(dāng)前的文件層級(jí)：

labs/-+      +-- egret-core/-+                         # egret      +-- egret-support/-+                      # egret 支持庫      |                  +-- egret-ios-support/ # ios支持      +-- projects/-+      |             +-- ACoolIosGame            # ios工程      |             +-- ACoolHtmlGame           # html應(yīng)用      ...

8、編譯iOS游戲

8.1 導(dǎo)入項(xiàng)目

打開ACoolIosGame文件夾，雙擊“ACoolIosGame.xcodeproj”，等待Xcode加載完成

9、測(cè)試項(xiàng)目

點(diǎn)擊Xcode的Run命令，直接進(jìn)入iOS模擬器運(yùn)行

下圖為運(yùn)行效果

如需生成ipa包，請(qǐng)?jiān)L問蘋果開發(fā)網(wǎng)站，注冊(cè)開發(fā)者賬號(hào)，閱讀相關(guān)設(shè)置即可。

自此，完成了使用Egret實(shí)現(xiàn)一個(gè)iOS游戲應(yīng)用的全過程。

10、項(xiàng)目開發(fā)的整體流程

我們推薦的開發(fā)方式：在原有的HTML5游戲項(xiàng)目中進(jìn)行開發(fā)，開發(fā)測(cè)試ok，再編譯到iOS平臺(tái)。下面為大家演示一下流程：

1.創(chuàng)建一個(gè)HTML5游戲：

egret create ACoolHtmlGame

2.創(chuàng)建對(duì)應(yīng)的iOS游戲：

egret create_app ACoolIosGame -f ACoolHtmlGame -t ../egret-support/egret-ios-support

3.測(cè)試一下各個(gè)平臺(tái)游戲

4.在ACoolHtmlGame中開發(fā)游戲，一個(gè)小步進(jìn)的開發(fā)后，我們要開始編譯我們的游戲并在瀏覽器上測(cè)試，這是使用

egret build ACoolHtmlGame --runtime native -e

這行命令執(zhí)行了兩項(xiàng)任務(wù)：1.編譯TypeScript到JavaScript，2.將編譯出的文件同步到Xcode項(xiàng)目中。這里需要注意的有兩點(diǎn)：1.編譯的項(xiàng)目是HTML5項(xiàng)目，2.不要更改iOS項(xiàng)目的位置，項(xiàng)目位置的設(shè)置將在高級(jí)教程給出, 3.此時(shí)HTML5項(xiàng)目會(huì)失效，想查看HTML5項(xiàng)目，請(qǐng)使用

egret build ACoolHtmlGame -e

來使得HTML5項(xiàng)目生效，此時(shí)iOS項(xiàng)目失效。

5.此時(shí)可以使用egret startserver ACoolHtmlGame 啟動(dòng)游戲服務(wù)，這樣瀏覽器就能觀察到實(shí)現(xiàn)的游戲邏輯了。

6.接下來回到ACoolIosGame的Xcode工程中，使用Xcode來清除、重新編譯、調(diào)試項(xiàng)目，這樣就可以在手機(jī)上得到和HTML項(xiàng)目的游戲邏輯了。

7.返回4，不斷的迭代。

Egret iOS Support更新日志

新功能

[新特性] 支持WebSocket TypedArray流傳輸

[新特性] 支持游戲包加密

[新特性] 支持網(wǎng)絡(luò)設(shè)置文件啟動(dòng)游戲

[新特性] 支持游戲設(shè)置項(xiàng)讀取和保存

[新特性] 支持iOS 8.4

[更新] 使用新的JavaScriptCore框架

[更新] 使用新的Graphics接口

[更新] 使用新的Math庫

[更新] 使用新的項(xiàng)目模版

[修復(fù)] 進(jìn)入后臺(tái)崩潰問題

[修復(fù)] 輸入文字bug