本文主要記錄一下本人使用vue開發(fā)的移動端App使用Hbuilder打包成蘋果IOS-App的詳細(xì)步驟杨幼,僅供參考,如有不足聂渊,請指教差购。
打包蘋果IOSapp首先需要準(zhǔn)備以下幾項東西:
1、已經(jīng)編寫好的vue項目汉嗽。
2欲逃、電腦上安裝好Hbuilder。
3饼暑、下載好愛思助手稳析,及準(zhǔn)備蘋果手機(jī)一臺。
4撵孤、安裝好Appuploader迈着。
5、注冊蘋果開發(fā)者賬號(個人邪码、企業(yè)均可)裕菠。
介紹一下個人開發(fā)者賬號:
再說下什么是免費的蘋果開發(fā)者賬號,就是你沒交688年費的就是免費賬號闭专,如果你想變成付費開發(fā)者賬號奴潘,提交申請付費就行旧烧,賬號都是一樣的賬號。
沒有賬號的點擊鏈接申請:↓
蘋果開發(fā)者賬號申請
登錄開發(fā)者中心https://developer.apple.com/account這個界面就是免費開發(fā)者賬號
蘋果免費開發(fā)者賬號的功能限制
1画髓、證書描述文件有效期只有7天掘剪,7天后要重新申請iOS證書打包(付費的一年)
2、最多只能添加3個udid測試設(shè)備(最多可以讓3個手機(jī)安裝奈虾,付費的100個)
3夺谁、只能通過手機(jī)助手安裝如愛思助手安裝(不能上傳分發(fā)平臺掃碼下載安裝,付費開發(fā)者可以掃碼安裝)
免費個人開發(fā)者賬號申請ios證書打包ipa測試分五步進(jìn)行
1.申請一個蘋果賬號
2.申請ios測試證書(p12)
3.申請ios描述文件(mobileprovision)
4.打包ipa
5.安裝ipa
一、申請?zhí)O果賬號
如果還沒注冊過蘋果賬號肉微,先注冊一個匾鸥,如果有蘋果賬號了請直接看第二步!
1碉纳、先點擊下面鏈接注冊一個apple id勿负。
https://appleid.apple.com/account?localang=zh_CN
先登錄注冊用的郵箱,因為等下要收郵件驗證碼劳曹。
名字用拼音寫上去
選中國
日期隨便寫一個奴愉,或者寫身份證日期!
安全提示問題設(shè)置一定要記住保存好铁孵,可以截圖保存
先到郵箱收個郵件驗證碼锭硼,輸入點繼續(xù),再輸入手機(jī)短信驗證碼蜕劝。
注冊跳轉(zhuǎn)到這個下面這個頁面說明蘋果賬號已經(jīng)注冊成功了账忘。
2、注冊成功了熙宇,或者有蘋果賬號了,登錄蘋果開發(fā)者中心
https://developer.apple.com/account
如果你第一次登陸蘋果開發(fā)者中心溉浙,會有個協(xié)議烫止,打鉤同意協(xié)議,點擊Submit提交戳稽。
如果之前登錄過同意過協(xié)議馆蠕,沒有付費的蘋果賬號直接登錄到這個界面
如果提交申請了付費開發(fā)者賬號,但沒有付費688或者付費了沒有生效的賬號是這樣的惊奇。這樣還沒付費生效的也還算是免費蘋果開發(fā)者賬號
只要是登錄界面是上圖其中一個的互躬,說明已同意協(xié)議但未付費的個人開發(fā)者!現(xiàn)在就可以直接登錄軟件申請ios證書了颂郎。
二吼渡、申請ios測試證書(p12)
如果還沒安裝Appuploader先安裝好
Appuploader安裝地址
1、打開Appuploader乓序,用蘋果開發(fā)者賬號登錄寺酪。
如果登錄報錯坎背,先登錄下https://developer.apple.com/account,同意下協(xié)議再登錄Appuploader軟件申請證書
如果登錄提示以下錯誤寄雀,說明沒有同意蘋果的隱私協(xié)議得滤,請看這個教程同意下即可登錄。apple id同意隱私新協(xié)議教程
正常登錄會出現(xiàn)這個下圖提示盒犹!
意思是只能申請iOS開發(fā)證書用于測試懂更,不能上傳ipa不能上架,上架需要付費688的開發(fā)賬號急膀。
2沮协、選擇證書選項
3、點擊右下角+ADD選擇脖阵,下拉選擇iOS開發(fā)證書
輸入證書名稱:不要中文皂股、隨意設(shè)置
郵箱:(隨意)
密碼:證書的密碼,不是開發(fā)者賬號密碼命黔,如123這樣不用很復(fù)雜呜呐,記好、打包時要用悍募、很重要蘑辑。
應(yīng)用id:這里不用選!
點擊ok創(chuàng)建坠宴。
如果賬號已經(jīng)有一個iOS開發(fā)證書了洋魂,將申請報錯(如下圖)免費開發(fā)者賬號只能申請一個開發(fā)證書p12,可以刪除掉再申請喜鼓,或者直接用這個已經(jīng)申請的副砍。
4、申請到了庄岖,點擊p12文件下載保存.p12 證書文件到電腦豁翎。
三、申請ios描述文件(mobileprovision)
1隅忿、返回軟件心剥,選擇描述文件
2、點擊右下角+ADD背桐,先選擇添加應(yīng)用id
應(yīng)用id:三段式格式优烧、如app名稱是淘寶,可以編寫為com.app.taobao链峭,自由編寫畦娄!不能重復(fù)!具有唯一性@
名稱:數(shù)字或者字母,自由編寫纷责,不要中文捍掺,不能重復(fù)。
如果添加報錯(重復(fù)添加或者別人已用這個應(yīng)用id)再膳,解決辦法就是修改下應(yīng)用id挺勿,重新編下。
點擊ok只要沒彈出報錯就是添加成功了喂柒,注意先關(guān)掉窗口不瓶,重新點右下角+ADD進(jìn)入下拉應(yīng)用id可查看剛添加的應(yīng)用id是否存在。
填加好應(yīng)用id下步添加設(shè)置udid
3灾杰、加好了應(yīng)用id下一步添加用來測試的蘋果手機(jī)蚊丐,先獲取UUID。
蘋果手機(jī)助手獲取UDID
如愛思助手艳吠,電腦下載愛思助手麦备,連上蘋果手機(jī),設(shè)備信息里面那個設(shè)備標(biāo)識就是udid昭娩。
獲取到UUID凛篙、點擊添加測試設(shè)備,復(fù)制到UDID框栏渺,輸入設(shè)備名稱(隨意呛梆,不要中文),點擊ok磕诊。
免費賬號7天內(nèi)最多只能添加3個手機(jī)進(jìn)行測試.
如果報錯下圖填物,可能這個udid已經(jīng)添加過,或者別人添加過霎终,先關(guān)掉申請窗口滞磺,重新點右下角+ADD,選擇開發(fā)版看有沒有出現(xiàn)設(shè)備莱褒。
輸入剛獲取的udid(如果你的蘋果手機(jī)鏈接了電腦雁刷,Appuploader會自動獲取udid)
name:這個名稱不用要中文,數(shù)字或者字母隨意編寫保礼,不要跟之前添加過的名稱一樣就行。
添加成功后選擇開發(fā)版profile在設(shè)備欄就會出現(xiàn)剛添加的設(shè)備责语!
重新點擊右下角的+ADD進(jìn)入(才能同步到剛申請的appid和設(shè)備)炮障,選擇開發(fā)版profile、
選擇剛創(chuàng)建的appid 應(yīng)用id 如com.app.taobao坤候,勾選關(guān)聯(lián)第一步創(chuàng)建的ios證書p12胁赢,選擇剛添加要測試的設(shè)備。
輸入名稱(隨意白筹,123智末、abc之類的不要中文谅摄,因為不要跟之前的重復(fù))
點擊ok創(chuàng)建。
5系馆、點擊下載保存.mobileprovision送漠,描述文件。
蘋果那邊規(guī)定由蘑,沒有付費688的蘋果賬號申請的描述文件只有7天有效期闽寡,付費蘋果開發(fā)者賬號的證書是1年有效期,到期可以重新申請打包尼酿,當(dāng)然測試的話幾天時間也足夠了
四.打包ipa
各開發(fā)者工具打包教程爷狈,根據(jù)自己使用的平臺去打包。
我這里是使用Hbuilder打包
將vue項目運行npm run build
指令裳擎,進(jìn)行項目編譯涎永。
編譯好之后生成的dist文件夾內(nèi)的所有東西,復(fù)制到新啟動的Hbuilder的項目中鹿响,替換掉原來的文件夾羡微,保留unpackage文件夾和manifest.json文件。
4.2抢野、選擇iOS打包拷淘,支持的設(shè)備類型(可以選擇支持iPhone和支持ipad),選擇使用蘋果證書
AppID:跟申請證書描述.mobileprovision時選擇的要一致(又稱套裝id指孤,appid启涯,BundleID,應(yīng)用id恃轩,包名)
profile文件:選擇上傳配置文件.mobileprovision
私鑰證書:上傳.p12文件
私鑰密碼:輸入創(chuàng)建p12設(shè)置的密碼结洼。
然后點擊打包。
xcode打包和appcan打包無法使用叉跛,xcode需要付費開發(fā)者賬號才能導(dǎo)出ipa松忍。
4.3、打包成功后筷厘,下載保存ipa鸣峭,這個ipa包就能安裝到手機(jī)測試了。
五酥艳、安裝ipa
免費開發(fā)者賬號打包的app只能通過愛思助手安裝摊溶!
如果需要上傳蒲公英 fir等分發(fā)平臺掃碼安裝請看這個教程、需要付費的開發(fā)者賬號充石。
iOS APP真機(jī)調(diào)試圖文介紹
1莫换、普通賬號申請的ios證書打包的ipa、經(jīng)測試,蘋果官方的iTunes助手安裝不了拉岁,不要用這個坷剧。
用愛思蘋果助手可以成功安裝
連接上手機(jī)、點擊應(yīng)用游戲喊暖,點擊導(dǎo)入安裝惫企,選擇剛打包的ipa包,或者直接選擇ipa包右鍵通過愛思助手安裝哄啄。
2雅任、ipa將自動安裝,類型是越獄版咨跌,安裝成功后顯示個人正版沪么,因為是個人ios證書打包,沒上架App Store锌半。
3禽车、安裝成功了第一次啟動應(yīng)用會出現(xiàn)如下提示,用測試證書或者企業(yè)證書打包的ipa都會這樣刊殉,需要設(shè)置一下殉摔。
點擊設(shè)置、進(jìn)入通用记焊,下拉選擇描述文件和設(shè)備管理逸月。
4、點擊開發(fā)者應(yīng)用下面出現(xiàn)的賬號遍膜,信任碗硬,然后就能啟動應(yīng)用,不在出現(xiàn)提示瓢颅。
其他參考教程:
Appuploader使用, iOS上架流程, iOS打包教程, iOS證書申請, 中文文檔