Ionic項(xiàng)目實(shí)戰(zhàn) (8)教學(xué)課件

1、企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群） 01 學(xué)習(xí)目標(biāo) 02 學(xué)習(xí)路徑 03 任務(wù)描述 04 任務(wù)技能 05 任務(wù)實(shí)施 06 任務(wù)總結(jié)01 01 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)010203了解Ionic項(xiàng)目在Android及IOS手機(jī)下的發(fā)布流程掌握如何發(fā)布Ionic項(xiàng)目具有能夠根據(jù)需求分析和設(shè)計(jì)制作并發(fā)布項(xiàng)目的能力學(xué)習(xí)目標(biāo) 通過發(fā)布Dancer時(shí)代項(xiàng)目，了解Ionic項(xiàng)目在Android及IOS手機(jī)下的發(fā)布流程，學(xué)習(xí)Ionic環(huán)境如何簽名和優(yōu)化APK，掌握如何發(fā)布Ionic項(xiàng)目，具有能夠根據(jù)需求分析和設(shè)計(jì)制作并發(fā)布項(xiàng)目的能力。企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）02 02 學(xué)習(xí)路徑學(xué)習(xí)路徑

2、 學(xué)習(xí)路徑學(xué)習(xí)路徑企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）03 03 任務(wù)描述任務(wù)描述 01 情境導(dǎo)入 02 功能描述03 基本框架 04 開發(fā)環(huán)境 任務(wù)描述任務(wù)描述企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群） 情境導(dǎo)入情境導(dǎo)入當(dāng)完成與后臺(tái)數(shù)據(jù)交互后，需要對(duì)Dancer時(shí)代進(jìn)行打包、測(cè)試、發(fā)布，才能正式被用戶所使用。目前手機(jī)版本主要為Android和IOS，因此，項(xiàng)目負(fù)責(zé)人Richard決定將Dancer時(shí)代生成Android和IOS應(yīng)用包并進(jìn)行發(fā)布。本模塊主要通過對(duì)Dancer時(shí)代打包進(jìn)行了解和操作，做出一個(gè)屬于自己的APP引用。企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群） 功能描述功能描述使用Ionic列表組

3、件實(shí)現(xiàn)界面布局 01 02 03使用Ionic插件實(shí)現(xiàn)指紋識(shí)別、屏幕亮度調(diào)節(jié)等功能使用ionic build android命令進(jìn)行打包企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群） 基本框架基本框架企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）04 04 任務(wù)技能任務(wù)技能01任務(wù)技能生成發(fā)布Android平臺(tái)的應(yīng)用包生成發(fā)布iOS平臺(tái)的應(yīng)用02建設(shè)制造強(qiáng)國(guó)12Ionic功能開發(fā)完成后，就需要將應(yīng)用打包發(fā)布到應(yīng)用市場(chǎng)。有兩種打包的版本，一種是debug調(diào)試版，一種是release發(fā)布版。打包debug調(diào)試版需在工程目錄下執(zhí)行ionic build android；（1）生成簽名的秘鑰：生成簽名的秘鑰需要使用JDK

4、附帶的keytool工具（2）進(jìn)行簽名:對(duì)APK文件簽名需要使用JDK附帶的jarsigner工具生成發(fā)布生成發(fā)布Android平臺(tái)的應(yīng)用包平臺(tái)的應(yīng)用包打包APK簽名APK企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）建設(shè)制造強(qiáng)國(guó)34第一步：在SDK安裝目錄下的build-tools里找到zipalign.exe第二步：把需要優(yōu)化的.apk文件復(fù)制到D: sdkbuild-tools25.0.0目錄下。第三步：在該目錄下使用“shift鍵+鼠標(biāo)右擊”，執(zhí)行命令： zipalign -v 4 android-debug.apk xing.apk(1) 打開安卓市場(chǎng)官網(wǎng)（http:/APK.hiAPK.co

5、m/），在右上角找到注冊(cè)按鈕，先注冊(cè)賬號(hào)成為開發(fā)者。(2) 賬號(hào)注冊(cè)完以后進(jìn)入網(wǎng)站，點(diǎn)擊上傳按鈕，上傳APP。(3) 填寫應(yīng)用信息。用戶通過這些信息，了解APP并決定是否下載。包括應(yīng)用程序的名稱、語(yǔ)言、宣傳文字等。生成發(fā)布生成發(fā)布Android平臺(tái)的應(yīng)用包平臺(tái)的應(yīng)用包優(yōu)化APK文件發(fā)布Android應(yīng)用企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）環(huán)境準(zhǔn)備1注冊(cè)APP ID2上架登記3APP ID是發(fā)布應(yīng)用程序的唯一標(biāo)識(shí)。給iOS應(yīng)用程序申請(qǐng)一個(gè)APP ID，首先需要登錄蘋果開發(fā)成員中心，點(diǎn)擊“Account”進(jìn)入登錄界面。（1）登錄iTunes Connect網(wǎng)站（2）點(diǎn)擊“我的APP”。（3）點(diǎn)擊“

6、加號(hào)”， 創(chuàng)建新的APP 生成發(fā)布生成發(fā)布iOS平臺(tái)的應(yīng)用平臺(tái)的應(yīng)用企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）（1）申請(qǐng)?zhí)O果開發(fā)者帳號(hào)（2）下載安裝Xcode（3）如果調(diào)試則需要一臺(tái)iPhone建設(shè)制造強(qiáng)國(guó)45在項(xiàng)目目錄下運(yùn)行命令：ionic build release ios1.在xcode界面里，在菜單中選擇“Product-Scheme-Edit Scheme”。2.在彈出框的左欄列表中選擇“Archive”選項(xiàng)，確認(rèn)右側(cè)的“Build Configuration”輸入欄選中的是“Release”。3.選擇Archive進(jìn)行打包。4.點(diǎn)擊右側(cè)藍(lán)色的按鈕 生成發(fā)布生成發(fā)布iOS平臺(tái)的應(yīng)用平臺(tái)的應(yīng)

7、用生成發(fā)布版應(yīng)用創(chuàng)建應(yīng)用發(fā)布文檔企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）05 05 任務(wù)實(shí)施任務(wù)實(shí)施第一步：制作設(shè)置界面，它是由列表組成。第二步：添加版本信息插件并進(jìn)行功能的添加，查看軟件版本相關(guān)信息。第三步：添加指紋識(shí)別插件并進(jìn)行功能的添加，可以進(jìn)行指紋的驗(yàn)證第四步：進(jìn)行打包并生成發(fā)布版本的apk用于發(fā)布需要 任務(wù)實(shí)施任務(wù)實(shí)施企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）06 06 任務(wù)總結(jié)任務(wù)總結(jié)任務(wù)技能任務(wù)技能任務(wù)實(shí)施任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)總結(jié)任務(wù)描述任務(wù)描述 本項(xiàng)目通過發(fā)布Dancer時(shí)代項(xiàng)目，對(duì)Ionic項(xiàng)目在Android及IOS手機(jī)下的發(fā)布流程具有初步了解，并詳細(xì)了解了Ionic環(huán)境如何簽名和優(yōu)化APK，通過Ionic項(xiàng)目發(fā)布成功，具有了根據(jù)需求分析和設(shè)計(jì)制作并發(fā)布項(xiàng)目的能力。 任務(wù)總結(jié)任務(wù)總結(jié)企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）謝謝觀賞PPT