如何開(kāi)發(fā)制作杭州封裝app?
分享 2020.05.20 瀏覽次數(shù):4921次
封裝app應(yīng)該如何進(jìn)行開(kāi)發(fā)與制作?
1.環(huán)境搭建:
輸入官方網(wǎng)址 http://www.dcloud.io/hbuilderx.html
選擇對(duì)應(yīng)的版本下載即可,這里選擇的是hbuilder,而非hbuilderx,兩者都可以,操作基本上一樣,初學(xué)者建議使用hbuilder,根據(jù)提示下載完以后運(yùn)行HBuilderX.exe即可。
2.新建項(xiàng)目
3.manifest介紹 :
manifest是app的所有配置所在的文件
里面可以設(shè)置app的圖標(biāo),啟動(dòng)頁(yè),權(quán)限,版本等等與app相關(guān)的配置,很重要
4功能開(kāi)發(fā)(有技術(shù)就做開(kāi)發(fā),新手就不用動(dòng)了)
5. 系統(tǒng)打包
5.1 安卓系統(tǒng)內(nèi)置包:
接著就提交到云端操作,云端操作完就會(huì)自動(dòng)將app包下載到本地,將apk文件拖入手機(jī)?;蛘呤褂迷鶤PP本地打包,建議云端打包即可運(yùn)行自己的app。
如果要封裝蘋(píng)果端:請(qǐng)學(xué)習(xí)以下詳細(xì)封裝教程含蘋(píng)果免費(fèi)證書(shū)申請(qǐng)工具,免開(kāi)發(fā)者賬號(hào)申請(qǐng)iOS證書(shū)教程、工具的安裝。
準(zhǔn)備素材
一安裝一個(gè) HBuilder
二、一張 256*256 的 APPLogo
三、一張 1920*1080 的 APP 啟動(dòng)圖(小一些的也行)
操作步驟
1,下載HBuilder,注冊(cè)并登陸。首先打開(kāi)“文件”-“新建”-“移動(dòng)APP”,輸入“應(yīng)用名稱(chēng)”,“位置”可以根據(jù)需要自己選擇即可,“選擇模板”建議選擇空模板;
2,新建完成后, 在項(xiàng)目管理器會(huì)顯示新建的項(xiàng)目目錄,其中css,img,js和index.html這幾個(gè)文件可刪可改可替換。
unpackage文件夾是放置app圖標(biāo)和啟動(dòng)界面的圖片。
manifest.json文件是移動(dòng)App的配置文件,用于指定應(yīng)用的顯示名稱(chēng)、圖標(biāo)、應(yīng)用入口文件地址及需要使用的設(shè)備權(quán)限等信息,用戶(hù)可通過(guò)HBuilder的可視化界面視圖或者源碼視圖來(lái)配置移動(dòng)App的信息。
3,如果刪除了css,img,js文件夾和index.html文件,就把其他自己的項(xiàng)目文件對(duì)應(yīng)復(fù)制到文件夾中,注意html文件中的引用路徑需要保持正確。
4, 文件復(fù)制完成后,刷新更新下,雙擊打開(kāi)manifest.json文件來(lái)配置App。
appid:點(diǎn)擊云端獲取。版本號(hào):根據(jù)需要來(lái)編輯。頁(yè)面入口:默認(rèn)是index.html,根據(jù)自己項(xiàng)目需要,更改APP的啟動(dòng)頁(yè)面。應(yīng)用描述:自己隨便填。應(yīng)用是否全屏顯示:勾上就全屏顯示。
5,圖標(biāo)配置:點(diǎn)擊頁(yè)面下方的圖標(biāo)配置,配置APP顯示圖標(biāo)。
1)點(diǎn)擊”+”號(hào)的正方形方框,選擇圖標(biāo)素材的路徑找到圖標(biāo)素材,再點(diǎn)擊” 自動(dòng)生成所有圖標(biāo)并替換”按鈕,完成圖標(biāo)生成和替換。
2),生成的圖標(biāo)自動(dòng)在unpackage文件夾下
6,啟動(dòng)圖片(splash)配置,點(diǎn)擊切換到啟動(dòng)圖片配置
1),啟動(dòng)選項(xiàng):默認(rèn)
2),啟動(dòng)圖片設(shè)置,根據(jù)自己需要是Android還是iOS平臺(tái),再根據(jù)不同設(shè)備對(duì)應(yīng)做出啟動(dòng)圖片
3),在unpackage→res文件下新建個(gè)文件命名”splash”,把做好的啟動(dòng)圖片放到這個(gè)文件里面。
4),在啟動(dòng)圖片設(shè)置里點(diǎn)擊”選擇”,找到剛放進(jìn)來(lái)的啟動(dòng)圖片
7,SDK配置:有需要就配置,沒(méi)有就默認(rèn)就行。
8,模塊權(quán)限配置:有需要就配置,沒(méi)有就默認(rèn)就行。
9,頁(yè)面引用關(guān)系:
首先點(diǎn)擊“掃描代碼”,再點(diǎn)擊左邊index.html文件
該功能是什么意思:點(diǎn)擊左側(cè)html文件,右側(cè)會(huì)顯示不同的文件,圖片等。可以表示左側(cè)html文件加載時(shí)所需要的資源。
10,代碼視圖:在代碼視圖里查看設(shè)置是否正確,確定后ctrl+s保存好。
11,設(shè)置好配置選項(xiàng),正式進(jìn)入打包階段
HBuilder里點(diǎn):”發(fā)行”-“發(fā)行為原生安裝包”開(kāi)始打包
這里介紹一下iOS打包
1),這里如果選擇越獄包就不需要蘋(píng)果證書(shū),一路默認(rèn)設(shè)置就可以打包成功,但是打包的App只能安裝在越獄過(guò)的手機(jī),沒(méi)越獄安裝不了。
2),如果使用蘋(píng)果證書(shū),這里推薦一個(gè)申請(qǐng)iOS證書(shū)的工具 Appuploader。免蘋(píng)果付費(fèi)開(kāi)發(fā)者賬號(hào),直接使用普通蘋(píng)果id,就能使用Appuploader申請(qǐng)ios測(cè)試證書(shū),打包ipa安裝到非越獄設(shè)備。
工具的安裝網(wǎng)址:http://www.applicationloader.net/blog/zh/72.html
免開(kāi)發(fā)者賬號(hào)申請(qǐng)iOS證書(shū)教程:http://www.applicationloader.net/blog/zh/1073.html
12,提交成功后點(diǎn)擊確定,就可以查看App打包狀態(tài)
等打包成功,就可以點(diǎn)手動(dòng)下載,通過(guò)第三方工具 蘋(píng)果助手安裝到ipad上了。
13,調(diào)試和安裝模擬器
如果你需要在電腦本機(jī)進(jìn)行調(diào)試那就需要安裝模擬器,請(qǐng)參考http://ask.dcloud.net.cn/article/151如何安裝配置手機(jī)模擬器,或者在HBuilder里→→運(yùn)行→→手機(jī)運(yùn)行→→如何安裝配置手機(jī)模擬器進(jìn)入查看。
如果需要安裝到手機(jī)進(jìn)行真機(jī)調(diào)試,把手機(jī)用數(shù)據(jù)線(xiàn)連接到電腦,然后重新啟動(dòng)HBuilder→→運(yùn)行→→手機(jī)運(yùn)行→→連接上真機(jī)。
以上就是封裝APP的開(kāi)發(fā)制作過(guò)程了,如果還想更多想要了解的,可以來(lái)杭州帷拓科技官方網(wǎng)站,瀏覽更多相關(guān)小知識(shí)。
-
杭州APP定制:選擇合適開(kāi)發(fā)公司的重要性
日期:2024-12-20瀏覽次數(shù):519次
-
杭州app開(kāi)發(fā):如何選擇專(zhuān)業(yè)開(kāi)發(fā)公司?
日期:2024-12-20瀏覽次數(shù):506次
-
杭州定制小程序公司:小程序行業(yè)的未來(lái)趨勢(shì)
日期:2024-12-20瀏覽次數(shù):521次
-
杭州小程序開(kāi)發(fā)公司:如何運(yùn)營(yíng)小程序以吸引更多客戶(hù)
日期:2024-12-13瀏覽次數(shù):756次
-
杭州app定制公司:如何打造網(wǎng)站建設(shè)第一品牌的特色?
日期:2024-12-13瀏覽次數(shù):736次
相關(guān)新聞
整合同類(lèi)新聞,相關(guān)新聞一手掌握
-
杭州網(wǎng)站優(yōu)化公司:企業(yè)IP打造與全網(wǎng)霸屏推廣
日期:2024-12-20瀏覽次數(shù):428次
-
杭州APP定制:選擇合適開(kāi)發(fā)公司的重要性
日期:2024-12-20瀏覽次數(shù):519次
-
杭州app開(kāi)發(fā):如何選擇專(zhuān)業(yè)開(kāi)發(fā)公司?
日期:2024-12-20瀏覽次數(shù):506次
-
杭州定制小程序公司:小程序行業(yè)的未來(lái)趨勢(shì)
日期:2024-12-20瀏覽次數(shù):521次
-
杭州網(wǎng)站設(shè)計(jì)公司:品牌網(wǎng)站開(kāi)發(fā)助力企業(yè)成長(zhǎng)
日期:2024-12-20瀏覽次數(shù):562次
最新新聞
與互聯(lián)網(wǎng)同行,實(shí)時(shí)掌握網(wǎng)建行業(yè)最新動(dòng)態(tài)
-
【杭州網(wǎng)站設(shè)計(jì)】為網(wǎng)站轉(zhuǎn)化更多的潛在客戶(hù)的秘密
日期:2011-06-18瀏覽次數(shù):7200次
-
對(duì)于APP定制,你是否有這些疑惑?
日期:2020-06-11瀏覽次數(shù):2467次
-
高檔網(wǎng)站建設(shè)需要具備這些要素
日期:2021-05-28瀏覽次數(shù):3526次
-
杭州網(wǎng)站優(yōu)化:SEO的定義與概念詳解
日期:2022-12-27瀏覽次數(shù):2641次
-
杭州網(wǎng)站優(yōu)化:SEO重點(diǎn)概念
日期:2024-02-02瀏覽次數(shù):4816次
隨機(jī)新聞
新聞新動(dòng)態(tài),您需要的新聞管家
洞悉市場(chǎng)趨勢(shì)演變讓傳播回歸社會(huì)
免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報(bào)價(jià)
-
關(guān)于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開(kāi)發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)為核心的專(zhuān)業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場(chǎng)環(huán)境、衡量與預(yù)測(cè)市場(chǎng)需求、整合區(qū)別于行業(yè)競(jìng)爭(zhēng)對(duì)手的絕對(duì)優(yōu)勢(shì),結(jié)合品牌理念深度挖掘項(xiàng)目?jī)?yōu)勢(shì)和產(chǎn)品價(jià)值,提升客戶(hù)品牌認(rèn)知、認(rèn)可度。
-
我們的客戶(hù)
帷拓科技?xì)v經(jīng)十年沉淀,與國(guó)內(nèi)外上千家客戶(hù)達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動(dòng)、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂(lè)部、娃哈哈雙語(yǔ)學(xué)校、健康中國(guó)杭州峰會(huì)、科雷機(jī)電等,帷拓科技始終堅(jiān)持“帷有專(zhuān)業(yè),才能拓展無(wú)限”的服務(wù)理念,堅(jiān)持“認(rèn)真堅(jiān)持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。
-
我們的業(yè)務(wù)
帷拓科技主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)、商城網(wǎng)站建設(shè)、公眾號(hào)運(yùn)營(yíng)以及數(shù)字營(yíng)銷(xiāo)等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個(gè)客戶(hù)量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng)新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶(hù)實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價(jià)值轉(zhuǎn)換。