uni-app開發字節抖音小程序采坑記

用uni-app開發多端應用,之前打包的微x小程序好好的,打包成字節的就各種兼容問題,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和開發工具里都沒問題,但在安卓手機上頁面打開成功一直顯示空白,解決方案先用 uni.downloadFile 下載下來文件,在通過 uni.openDocument 打開文檔,但是安卓真機上打開依然只顯示一個pdf文件名,需要自己再點一下通過wps之類的其他第三方應用打開


85da5fb4895da980172a6c858f696fcb.jpg

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

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

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

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

5、勾選了es6轉es5,lodash里用到的函數報錯

一般我們都會勾選上es6轉es5,頁面里如果有用到 lodash庫里防抖節流函數 debounce、throttle會直接報錯,如果不轉則沒問題

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

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

7、uni.getEnv方法字節小程序不支持

小程序里web-view可以直接用uni.navigateTo之類的接口跳回小程序或者和小程序通信,單需要在網頁里引入對應平臺提供的通信sdk文件,像獲取環境信息的 uni.getEnv 方法字節小程序里是不支持的

8、uni-app打包優化

uni-app打包一般會根據環境變量來自動設置接口域名,但是uni只有生產模式production才會壓縮代碼,有時我們開發、測試環境也需要真機上預覽,如果不壓縮代碼有時會提示包超除大小限制(一般主包限制2M)
解決方案:通過默認的 NODE_ENV 命令行變量去讓打包生產模式,自己再額外加一個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"

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內容