W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
基于H5開發(fā)的“歡樂捕魚”游戲準備好后,接下來我們將使用WeX5開發(fā)工具,將網(wǎng)頁版的“歡樂捕魚”制作成App,步驟如下:
選擇“模型資源”里面的Native目錄,右擊,在彈出的快捷菜單中選擇“創(chuàng)建本地App”命令,打開“創(chuàng)建本地App”對話框。選擇“模式1”,輸入“應(yīng)用名”fish,單擊“下一步”按鈕。在“設(shè)置服務(wù)地址和選擇UI資源”對話框(見圖1-5)的“首頁”中輸入/fish/default.html,在“選擇需要發(fā)布的資源”里面選中fish目錄,單擊“下一步”按鈕。
圖1-5 設(shè)置服務(wù)地址和選擇UI資源
在“配置應(yīng)用信息”對話框(見圖1-6)的“版本號”中輸入1.0.0,在“應(yīng)用包名”中輸入com.justep.fish,單擊“下一步”按鈕。
圖1-6 配置應(yīng)用信息
在“配置開發(fā)者信息和證書”對話框(見圖1-7)中選中Acdroid證書,輸入證書密碼123456,單擊“下一步”按鈕。
圖1-7 配置開發(fā)者信息和證書
在“設(shè)置屏幕選項”對話框(見圖1-8)中的“屏幕方向”選擇橫向,單擊“下一步”按鈕。在“選擇打包的本地插件”和“配置更新信息”對話框中不需要任何操作,單擊“下一步”按鈕。
圖1-8 設(shè)置屏幕選項
在“本地應(yīng)用信息”對話框(見圖1-9)中檢查前面輸入的應(yīng)用信息,選中“完成后啟動App生成向?qū)А?,單擊“完成”按鈕,再單擊“下一步”按鈕。
圖1-9 本地應(yīng)用信息
在“選擇本地應(yīng)用平臺”對話框(見圖1-10)中選中安卓圖標,選中“本地應(yīng)用包含UI資源”,選中“重新編譯使用到的UI資源”,單擊“完成”按鈕。
圖1-10 選擇本地應(yīng)用平臺
開始生成App,這個過程需要等幾分鐘,生成完成后,會顯示出二維碼,用于手機掃描下載安裝,如圖1-11所示
圖1-11 生成App完成界面
表1-3列出了生成歡樂捕魚App過程中需要配置的參數(shù)信息。
表1-3 生成歡樂捕魚 App參數(shù)
步驟 | 輸入項 | 輸入內(nèi)容 | 說明 |
選擇應(yīng)用模式 | 模式 | 選擇模式1 |
|
應(yīng)用名 | Fish | 這里可以是中文的,是顯示在應(yīng)用圖標下的應(yīng)用名 | |
設(shè)置服務(wù)器地址和選擇UI資源 | Web服務(wù)地址 |
| 不填 |
Web路徑 |
| 不填 | |
首頁 | /fish/default.html |
| |
選擇需要發(fā)布的資源 | fish | 選擇目錄樹中的fish目錄 | |
配置應(yīng)用信息 | 版本號 | 1.0.0 | 注意,一定要是三段的 |
應(yīng)用包名 | com.justep.fish | 應(yīng)用的唯一ID名。如果要生成iOS App,必須和證書中的BundleID一致 | |
增強型瀏覽器 | 不選中 |
| |
加密打包的資源 | 不選中 |
| |
配置開發(fā)者信息和證書 | 開發(fā)者信息 |
| 根據(jù)實際情況輸入 |
安卓證書 | 選中 |
| |
安卓證書密碼 | 123456 | 可任意輸入,例如123456 | |
新生成證書文件 | 選中 |
| |
iOS證書 |
| 有證書才能選中 | |
設(shè)置屏幕選項 | 圖標和圖片 |
| 使用默認應(yīng)用圖標和歡迎圖片 |
屏幕方向 | 橫向 |
| |
選擇打包的本地插件 | 插件 | 自動 |
|
本地應(yīng)用信息 | 完成后啟動App生成向?qū)?/p> | 選中 |
|
選擇本地應(yīng)用平臺 | 安卓 | 選中 |
|
蘋果 |
| 如果iOS證書已經(jīng)準備好,并且使用了Mac版的WeX5可以選中 | |
本地應(yīng)用包含UI資源 | 選中 |
| |
重新編譯使用到的UI資源 | 選中 |
| |
輸出源碼工程 | 不選中 |
| |
發(fā)布模式 | 不選中 |
| |
使用應(yīng)用打包代理服務(wù)生成本地應(yīng)用 | 不選中 | 要在Windows系統(tǒng)中生成iOS的App,需要選擇,并填寫應(yīng)用打包代理服務(wù)地址 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: