uni-app開發(fā)字節(jié)抖音小程序采坑記

用uni-app開發(fā)多端應(yīng)用,之前打包的微x小程序好好的匀归,打包成字節(jié)的就各種兼容問題坑资,UI框架用的uView的1.x版本,也是各種兼容問題:

1穆端、上傳圖片上傳不了

上傳圖片用 uni.chooseImage 選中圖片后袱贮,得到的本地臨時路徑是個下面這樣的:
ttfile://temp/ab790db96c9b65cb54685c7d99c4d847.jpeg

Snipaste_2022-01-20_20-33-32.png

直接用這個路徑通過 uni.uploadFile 接口上傳,會上傳不了
解決辦法:要用 uni.compressImage 這個壓縮圖片的接口去壓縮下体啰,再用獲取到的路徑去上傳就可以了:
ttfile://temp/tempCompressImg1642681468739.jpg
Snipaste_2022-01-20_20-26-12.png

對比了下兩次獲取到的本地路徑就中間的文件名部分不一樣攒巍,微x小程序就沒這個問題

2、用web-view展示pdf文件在安卓上不顯示

頁面用web-view來展示pdf文件荒勇,在ios和開發(fā)工具里都沒問題柒莉,但在安卓手機上頁面打開成功一直顯示空白,解決方案先用 uni.downloadFile 下載下來文件沽翔,在通過 uni.openDocument 打開文檔兢孝,但是安卓真機上打開依然只顯示一個pdf文件名,需要自己再點一下通過wps之類的其他第三方應(yīng)用打開


85da5fb4895da980172a6c858f696fcb.jpg

3仅偎、子組件傳遞事件$emit里的事件名不能加“-”

子組件像父組件傳遞事件時跨蟹,事件名里加了橫杠“-”編譯之后事件都是無效的,像下面這樣的:this.emit('on-pick', info)橘沥、this.emit('on-success', true)...要改成 this.$emit('onpick', info) 才有用

4窗轩、子組件里多個slot編譯無效

自己封裝的組件里有多個 slot 的都編譯不出來,uview的很多組件也一樣有問題

5威恼、勾選了es6轉(zhuǎn)es5品姓,lodash里用到的函數(shù)報錯

一般我們都會勾選上es6轉(zhuǎn)es5,頁面里如果有用到 lodash庫里防抖節(jié)流函數(shù) debounce箫措、throttle會直接報錯腹备,如果不轉(zhuǎn)則沒問題

6、安卓小程序點擊空白讓輸入框鍵盤收起會觸發(fā)2次頁面的點擊事件

有個頁面正好有用到輸入框和uview的步進(jìn)器斤蔓,先點擊輸入框獲取焦點同時鍵盤彈出植酥,如果此時正好直接去點步進(jìn)器的 + 或 - 會直接加減2
解決辦法:設(shè)置個變量去禁掉步進(jìn)器 disabled,輸入框獲取焦點focus事件里去設(shè)置disabled=true,burl事件里用個定時器設(shè)置disabled=false友驮,這樣用戶要自己先點一下空白收起鍵盤后漂羊,才能點擊步進(jìn)器

7、uni.getEnv方法字節(jié)小程序不支持

小程序里web-view可以直接用uni.navigateTo之類的接口跳回小程序或者和小程序通信卸留,單需要在網(wǎng)頁里引入對應(yīng)平臺提供的通信sdk文件走越,像獲取環(huán)境信息的 uni.getEnv 方法字節(jié)小程序里是不支持的

8、uni-app打包優(yōu)化

uni-app打包一般會根據(jù)環(huán)境變量來自動設(shè)置接口域名耻瑟,但是uni只有生產(chǎn)模式production才會壓縮代碼旨指,有時我們開發(fā)、測試環(huán)境也需要真機上預(yù)覽喳整,如果不壓縮代碼有時會提示包超除大小限制(一般主包限制2M)
解決方案:通過默認(rèn)的 NODE_ENV 命令行變量去讓打包生產(chǎn)模式谆构,自己再額外加一個VUE_APP_ENV變量來判斷接口地址,如下面這樣的命令:
"build:mp-toutiao-dev": "cross-env VUE_APP_ENV=development NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --minimize --watch"

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末框都,一起剝皮案震驚了整個濱河市搬素,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌魏保,老刑警劉巖熬尺,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異囱淋,居然都是意外死亡猪杭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門妥衣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來皂吮,“玉大人,你說我怎么就攤上這事税手》涑铮” “怎么了?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵芦倒,是天一觀的道長艺挪。 經(jīng)常有香客問我,道長兵扬,這世上最難降的妖魔是什么麻裳? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮器钟,結(jié)果婚禮上津坑,老公的妹妹穿的比我還像新娘。我一直安慰自己傲霸,他們只是感情好疆瑰,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布眉反。 她就那樣靜靜地躺著,像睡著了一般穆役。 火紅的嫁衣襯著肌膚如雪寸五。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天耿币,我揣著相機與錄音梳杏,去河邊找鬼。 笑死淹接,一個胖子當(dāng)著我的面吹牛秘狞,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蹈集,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼雇初!你這毒婦竟也來了拢肆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤靖诗,失蹤者是張志新(化名)和其女友劉穎郭怪,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體刊橘,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡鄙才,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了促绵。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片攒庵。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖败晴,靈堂內(nèi)的尸體忽然破棺而出浓冒,到底是詐尸還是另有隱情,我是刑警寧澤尖坤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布稳懒,位于F島的核電站,受9級特大地震影響慢味,放射性物質(zhì)發(fā)生泄漏场梆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一纯路、第九天 我趴在偏房一處隱蔽的房頂上張望或油。 院中可真熱鬧,春花似錦感昼、人聲如沸装哆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜕琴。三九已至萍桌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間凌简,已是汗流浹背上炎。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留雏搂,地道東北人藕施。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像凸郑,于是被迫代替她去往敵國和親裳食。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容