封裝類成都app開發(fā)與制作是如何操作的?

2022-07-28    分類: App開發(fā)

封裝類成都app開發(fā)與制作是如何操作的?


1.環(huán)境搭建:


輸入官方網址 http://www.dcloud.io/hbuilderx.html


選擇對應的版本下載即可,這里選擇的是hbuilder,而非hbuilderx,兩者都可以,操作基本上一樣,初學者建議使用hbuilder,根據提示下載完以后運行HBuilderX.exe即可。


2.新建項目


3.manifest介紹 :


manifest是app的所有配置所在的文件


里面可以設置app的圖標,啟動頁,權限,版本等等與app相關的配置,很重要


4功能開發(fā)(有技術就做開發(fā),新手就不用動了)


5. 系統(tǒng)打包


5.1 安卓系統(tǒng)內置包:


接著就提交到云端操作,云端操作完就會自動將app包下載到本地,將apk文件拖入手機?;蛘呤褂迷鶤PP本地打包,建議云端打包即可運行自己的app。


如果要封裝蘋果端:請學習以下詳細封裝教程含蘋果免費證書申請工具,免開發(fā)者賬號申請iOS證書教程、工具的安裝。


準備素材


一安裝一個 HBuilder


二、一張 256*256 的 APPLogo


三、一張 1920*1080 的 APP 啟動圖(小一些的也行)


操作步驟


1,下載HBuilder,注冊并登陸。首先打開“文件”-“新建”-“移動APP”,輸入“應用名稱”,“位置”可以根據需要自己選擇即可,“選擇模板”建議選擇空模板;


2,新建完成后, 在項目管理器會顯示新建的項目目錄,其中css,img,js和index.html這幾個文件可刪可改可替換。


unpackage文件夾是放置app圖標和啟動界面的圖片。


manifest.json文件是移動App的配置文件,用于指定應用的顯示名稱、圖標、應用入口文件地址及需要使用的設備權限等信息,用戶可通過HBuilder的可視化界面視圖或者源碼視圖來配置移動App的信息。


3,如果刪除了css,img,js文件夾和index.html文件,就把其他自己的項目文件對應復制到文件夾中,注意html文件中的引用路徑需要保持正確。


4, 文件復制完成后,刷新更新下,雙擊打開manifest.json文件來配置App。


appid:點擊云端獲取。版本號:根據需要來編輯。頁面入口:默認是index.html,根據自己項目需要,更改APP的啟動頁面。應用描述:自己隨便填。應用是否全屏顯示:勾上就全屏顯示。


5,圖標配置:點擊頁面下方的圖標配置,配置APP顯示圖標。


1)點擊”+”號的正方形方框,選擇圖標素材的路徑找到圖標素材,再點擊” 自動生成所有圖標并替換”按鈕,完成圖標生成和替換。


2),生成的圖標自動在unpackage文件夾下


6,啟動圖片(splash)配置,點擊切換到啟動圖片配置


1),啟動選項:默認


2),啟動圖片設置,根據自己需要是Android還是iOS平臺,再根據不同設備對應做出啟動圖片


3),在unpackage→res文件下新建個文件命名”splash”,把做好的啟動圖片放到這個文件里面。


4),在啟動圖片設置里點擊”選擇”,找到剛放進來的啟動圖片


7,SDK配置:有需要就配置,沒有就默認就行。


8,模塊權限配置:有需要就配置,沒有就默認就行。


9,頁面引用關系:


首先點擊“掃描代碼”,再點擊左邊index.html文件


該功能是什么意思:點擊左側html文件,右側會顯示不同的文件,圖片等??梢员硎咀髠萮tml文件加載時所需要的資源。


10,代碼視圖:在代碼視圖里查看設置是否正確,確定后ctrl+s保存好。


11,設置好配置選項,正式進入打包階段


HBuilder里點:”發(fā)行”-“發(fā)行為原生安裝包”開始打包


這里介紹一下iOS打包


1),這里如果選擇越獄包就不需要蘋果證書,一路默認設置就可以打包成功,但是打包的App只能安裝在越獄過的手機,沒越獄安裝不了。


2),如果使用蘋果證書,這里推薦一個申請iOS證書的工具 Appuploader。免蘋果付費開發(fā)者賬號,直接使用普通蘋果id,就能使用Appuploader申請ios測試證書,打包ipa安裝到非越獄設備。


工具的安裝網址:http://www.applicationloader.net/blog/zh/72.html


免開發(fā)者賬號申請iOS證書教程:http://www.applicationloader.net/blog/zh/1073.html


12,提交成功后點擊確定,就可以查看App打包狀態(tài)


等打包成功,就可以點手動下載,通過第三方工具 蘋果助手安裝到ipad上了。


13,調試和安裝模擬器


如果你需要在電腦本機進行調試那就需要安裝模擬器,請參考http://ask.dcloud.net.cn/article/151如何安裝配置手機模擬器,或者在HBuilder里→→運行→→手機運行→→如何安裝配置手機模擬器進入查看。


如果需要安裝到手機進行真機調試,把手機用數據線連接到電腦,然后重新啟動HBuilder→→運行→→手機運行→→連接上真機。


如果您還有想了解的,或者需要成都app開發(fā),可以找成都創(chuàng)新互聯。

網站名稱:封裝類成都app開發(fā)與制作是如何操作的?
當前地址:http://www.bm7419.com/news/182835.html

網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有App開發(fā)

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

手機網站建設