關(guān)于使用 flutter 實(shí)現(xiàn)釘釘H5微應(yīng)用

1.使用flutter web進(jìn)行H5打包
2.使用html 渲染模式,因?yàn)閏anvaskit渲染模式下,華為手機(jī)打開小程序會(huì)因?yàn)楹芏嗫丶o法加載而導(dǎo)致頁面異常,并且沒有報(bào)錯(cuò),但是html渲染模式下,使用的svg,無法在ios設(shè)備上進(jìn)行變更c(diǎn)olor,否則會(huì)非??D
3.canvaskit下,華為手機(jī)使用數(shù)據(jù)庫時(shí),會(huì)報(bào)錯(cuò)無法使用,html未嘗試
4.如果是從移動(dòng)端轉(zhuǎn)過來的,需要注意,responsetype 要改成 text,并自行jsonencode,因?yàn)閣eb端沒有l(wèi)ong類型,需要把long轉(zhuǎn)成string,否則,自動(dòng)json后的int 數(shù)值會(huì)異常
5.相機(jī)、相冊及文件選取,僅使用FilePicker.platform.pickFiles 即可
6.華為云obs 上傳文件,使用的api,上傳文件時(shí),因?yàn)閣eb使用的是"dart:html"而不是移動(dòng)端的"dart:io",所以需要使用Uint8List,另外這時(shí)web使用dio進(jìn)行put請求到obs上傳文件,按照沒問題的移動(dòng)端寫法,卻會(huì)報(bào)錯(cuò),故改用httpRequest進(jìn)行通信。然而,httpRequest 的上傳進(jìn)度回調(diào)不執(zhí)行!??!js版本的obs sdk也可實(shí)現(xiàn),但是要使用obs的選取文件,及ui邏輯處理等
7.關(guān)于調(diào)試,需要掌握,
iPhone 鏈接safari 在web上調(diào)試
android 鏈接chrome 在web上調(diào)試
iPhone 無法鏈接到 chrome 上調(diào)試
釘釘H5微應(yīng)用調(diào)試,使用四端調(diào)試工具網(wǎng)頁版
另外,調(diào)試時(shí)記得清緩存
flutter run -d chrome --web-hostname 本機(jī)IP --web-port 8080 --release --web-renderer html
可局域網(wǎng)內(nèi)使用手機(jī)連接,并用電腦瀏覽器調(diào)試

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容