h5 app整理

在用h5做app時遇到的一些問題整理(Hbuilder)
h5 app打包爲原生app時manifest.json注意事項:
1.應用信息界面必須填寫
a.應用名稱:最後安裝在手機上面的app的名字
b.appid在有網絡的條件下自動獲取
c.版本號自己寫每次打包時的版本號要高於之前的版本號可以在後面加日期來區分如:1.1.1.2018072716(yyyymmh)
d.根據重力感應自動橫豎屏:根據自己的需要進行選擇
2.圖標配置:將自己想作爲安裝之後的桌面的圖片引入進來,上面會有大小提示(必須是png格式的,後綴名原本爲jpg後來改爲png是不允許的)選擇之後點擊生成並替換,也可以單爲某個尺寸的手機設置圖標
3.啓動圖片配置:
如果應用一直停留在啓動界面無法進入應用,先查看manifest.json中的自動關閉啓動界面如果設置爲false,則需要查看應用的入口(index.html)中是否正確調用plus.navigator.closeSplashscreen()方法
4.sdk配置這個需要我們自己去一些開放的api的開發者平臺去申請需要的key(聯網的條件下我們可以直接從這個界面點擊進入配置指南,可以根據上面提供的參考的方法去申請)
5.模塊權限配置這是一個重要的模塊:
在這裏我們需要引入在代碼模塊中用到的一些調用原生的手機功能時(如:攝像頭)需要引入的一些android的功能權限,這樣在離線的情況下才可以使用該功能,不然在真機調試的時候是可以使用的但是打包之後安裝到手機上面時就不可以使用了。
6.頁面引用關係和代碼視圖:一般不需要手動去修改會自動根據你前面文件的配置和代碼自動生成,當然你也可以自己去修改裏面的代碼。
7.打包爲安裝包時,ios安裝包要注意,在打包時需要選擇使用蘋果證書並去相應的開發者平臺去申請私鑰密碼,profile文件,私鑰證書,纔可以正常在ios手機上面進行安裝和運行,android選使用DCloud公用證書就可以了。配置好文件,點擊打包就可以了。

在學習的過程中一些總結:
1.在audio即調用手機麥克風進行錄音時,在真機調試時會出現閃退的情況,但是打包爲離線安裝包安裝到手機上面時不會出現閃退,解決閃退問題:由於android和ios手機對錄音文件支持的格式不同,在錄音時設置:format:’amr’,可以解決真機調試時閃退的問題。
2.HBuilder會更新一些新的補丁,它會自動彈出提示框,提示你是否更新,在更新前先看看補丁解決了什麼問題,看一下更新日誌,需要去更新項目中mui.js,mui.css等等這些項目中需要引用的文件,可以新建一個mui項目把引用的這些文件都拷貝過來,因爲沒一次打補丁,你很難確定它是否只修改了基座,還是mui相關的css js都有修改,所以保險起見就一起更新。建議在更新前先將之前的代碼備份。
3.可以把一個網頁版的項目,做成手機app
a.將自己已經做好的網頁版的項目發佈有一個地址(如:功德環官網的地址:https://gdh.hrstchina.com
b.在HBuilder中新建移動APP
c.在manifest.json配置文件中將應用信息的頁面入口改爲想要訪問(如:https://gdh.hrstchina.com)地址,配置好其餘需要配置的地方
d.發行打包,就得到一個移動App的安裝包,除了有個安裝包和桌面有個快捷方式外,與瀏覽器的體驗不會有其他差別。
e.這樣的移動app體驗比較差,在頁面跳轉時會像瀏覽器那樣切換白屏,無法離線使用,沒有網絡的情況下不能正常訪問想要訪問的內容,這樣的app在Apple的Appstore審覈時是無法通過的,其他大的安卓市場也不會允許
4.調試基座App的名字,圖標,啓動封面圖片,是否可以旋轉這些只有在打包之後才能看到效果,真機調試時看不到效果。

所有的頁面中一個比較重要的方法:
plusready事件,此事件會在頁面加載後自動觸發,表示所有HTML5+ API可以使用,在此事件觸發之前不能調用HTML5+ API,所以應該在此事件回調函數中調用頁面初始化需要調用的HTML+ API,而不應該在onload或DOMContentLoaded事件中調用。
檢查擴展API是否準備,如果沒有監聽‘plusready’事件
if(window.plus){
plusReady();
}else{
document.addEventListener(“plusready”,plusReady,false);
}
後面寫擴展API準備完成後要執行的操作
function plusReady(){
具體想要執行的操作
}

如何將一個應用轉換爲流應用:(省流量,秒開)
1.已經開發了5+app,可以申請試用DCloud的自動轉換服務器,把5+app直接轉換髮布到流應用平臺。使用你的HBuilder註冊郵箱,發郵件給[email protected],郵件格式要求如下:
a.郵件標題:申請轉換流應用-%appname%
b.郵件內容:app獲取地址需要360手機助手(zhushou.360.cn)或應用寶(myapp.com)上的地址,未在這兩個平臺上線的app暫時無法自動轉換爲流應用
c.注意:提交的App需用戶體驗良好、質量過關、有一定用戶基礎。 如果app裏使用了原生插件,則無法自動轉換。
2.可以自己發佈流應用,在HBuilder中發行菜單裏,有“發行爲流應用”菜單,單擊按照菜單的指引可以發佈爲流應用。(流應用升級處理:如果你的流應用需要升級,請在HBuilder裏直接提交新版,流應用的升級平臺會自動計算差量,自動省流量更新)
建議在檢測升級前加入以下判斷:
var ua=navigator.userAgent;
if(ua.indexOf(“Html5Plus” >0 && ua.indexOf(“StreamApp”)==-1)){
繼續執行升級邏輯
}
若使用mui框架的話,可以簡化代碼:
升級邏輯:判斷5+環境下,且不是流應用
if(mui.os.plus && !mui.os.stream){繼續執行升級邏輯}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章