前端MUI+H5+HBuilderX開發APP(IOS,android),后臺Springboot,專案搭建,圖示設定等,更新中(二)
- 新建我的第一個APP
- manifest.json:
- 圖示設定:
- 專案運行
- 專案打包
開發工具:HBuilderX
新建我的第一個APP

我選擇5+App,mui專案,如果你像我一樣第一次接觸HBuilder,你還可以再創建一個專案demo,邊學習邊模仿,如果想偷懶,copy一下下也是可以的,

demo專案的創建:上圖中Hello mui mui前端框架各種UI控制元件,里面有官網檔案里所有組件的梨子以及源代碼,可以用于學習用于參考,
鏈接: http://dcloud.io/hellomui/.

這樣專案就建立成功了,感覺簡單不少,下面是檔案夾的樣子,css,js,images這些大家寫過前端應該很熟悉,我一開始想先試試發布app,但是他的圖示發布出去就是一個大寫的H,我還納悶了,發布的時候這也沒有提醒我設定啊,后來才知道,manifest.json,下面了解它,

manifest.json:
就是要打包的原生應用,其各種配置均在此處,一個組態檔,可能是我第一次開發APP,沒有管過這個,導致APP沒有圖示:

圖示設定:

修改圖示:

專案運行
寫好專案代碼,點擊 運行->手機/瀏覽器運行
下圖是瀏覽器運行,手機運行用usb介面連接,手機設定為開發者模式,也可以用夜神模擬器等,需要將埠號設定一致,

打開 工具-設定-運行設定,可以配置模擬器埠以及小程式等等

運行結果如圖:

專案打包
(1).點擊發行->發行為原生APP

(2).填入自己的證書,證書如果沒有可以使用DCloud公用證書的

不想使用公共的,可以自己申請
生成上圖中需要的證書秘鑰
Android端:
打開cmd視窗在里面輸入:
keytool -genkey -alias domekey -keyalg RSA -keysize 1024 -keypass pwd123456 -validity 3500 -keystore c:\key\dome.keystore
引數決議如下:
-alias 后面的 domekey 是密鑰別名/證書別名,可自己修改
-keypass 后面的 pwd123456 ,可自己修改
會生成密鑰檔案dome.keystore,存在 c:\key\dome.keystore ,如果你C盤沒有key檔案夾,要新建一個,不然會報錯,
-validity 后面的 3500 ,是有效期,3500天,按天數算
ios端:
參考:https://www.jianshu.com/p/e6b86bef7a90
(3).上傳到DCloud進行打包,
(4).打包成功!
手機上成果圖:比較簡陋,因為只是想試一試能不能發布成功,既然成功了,下一步就要開始設計介面,資料庫等等,我的畢業論文不能再拖了,老師已經開始催我了,如果覺得有幫助,不要吝嗇自己的手指給我點個贊哦,謝謝,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/258750.html
標籤:其他
上一篇:spring security+oauth2退出登錄(二)-token過期后退出登錄
下一篇:2021跨年代碼(有煙花)
