4個月原生weex混合開發(fā)終結(jié)()

  1. 原因
  • 由于一些h5人員方面的原因,新的非主流程需求將全部由app人員開發(fā)。然后app的人員已經(jīng)由15人縮減成ios和android各兩個了。為了應(yīng)對3個產(chǎn)品各自負責的需求,我們調(diào)研了weex和rn。
    • 我們原app已經(jīng)非常完整,并且新業(yè)務(wù)都是相對獨立的頁面,顧更專注于頁面的weex更加符合(不建議整個app都使用weex做,RN和Flutter更合適)
    • 我個人在16年中旬(應(yīng)該是剛開源不久)就關(guān)注了,有一定了解。
    • 結(jié)合mpvue,可以讓微信小程序和weex共用組件。
    • weex上手簡單,團隊整體更喜歡vue。
    • 雖然網(wǎng)上有很多關(guān)于weex有深坑的文章,但我們嘗試后發(fā)現(xiàn)對于app開發(fā)來說絕大部分不是問題。但weex不適合做整個app。
    • 社區(qū)支持相對弱,但我們可以自己造輪子,自己改sdk。
    • 最終我們決定采用weex進行開發(fā)。
  1. 目前的使用程度
  • 已經(jīng)有5個新業(yè)務(wù)全部使用weex開發(fā),還有12個單獨的weex界面,共34個weex頁面,23個weex組件,3個原生提供的組件,6個moudle提供42個原生app的功能。
  1. 遇到的問題
  • 我們自己使用okhttp封裝的網(wǎng)絡(luò)庫限制了只能返回確定的數(shù)據(jù)類型,而weex的IWXHttpAdapter需要返回bytes。
    • 修改網(wǎng)絡(luò)庫解決
  • android端string值傳遞到weex變成數(shù)字類型并且js精度丟失問題
    • 現(xiàn)象:android端傳遞String類型的“1111111111111111...”到weex頁面時,通過weex頁面接收到的是數(shù)字類型,并且精度丟失變成:1.111e+84。ios無此問題。排查weex sdk,一直到WXBridgeManager的invokeExecJS方法時參數(shù)還是String類型的。下面的execJS方法是調(diào)用jni的,android的sdk里并沒有這部分native代碼。顧對于串數(shù)字端超長id我們暫時采用值前面拼接參數(shù)名的辦法(理論上后臺設(shè)計不應(yīng)該出現(xiàn)這么長的純數(shù)字id)。
  • 編譯時間過長,預(yù)覽導(dǎo)致
    • 開發(fā)時通過webpack.dev.conf的filterPage(entrys)進行過濾,通過npm run serve -- --env.page=XX,指定需要預(yù)覽的頁面。
  • css展現(xiàn)的ui各端稍有不一致。
  • weex官方ui庫不豐富
    • 一部分使用weex-ui
    • 一部分自己使用vue寫
    • 使用原生ui(地圖等)
  1. 頁面跳轉(zhuǎn)
  • 我們沒有采用vue-router和weex自帶的navigator模塊。而是使用自定義的navigator模塊通過原生已經(jīng)定義好的Scheme跳轉(zhuǎn)實現(xiàn)(與推送,h5,外部應(yīng)用跳轉(zhuǎn)共用一套),無論是調(diào)原生還是weex都采用這一套。weex間的跳轉(zhuǎn)直接帶參數(shù)到下一個weex頁面,原生只通過Scheme傳遞Map<String,object>類型的json數(shù)據(jù)。
  1. 使用
  • 開發(fā):提交代碼后GitLib通過Webhooks通知jenkins服務(wù)器編譯,app使用jenkins服務(wù)器產(chǎn)生的js鏈接地址。

  • 線上:使用tag版本產(chǎn)生的js文件,存放到線上靜態(tài)服務(wù)器,app使用線上鏈接。下版本將支持app本地緩存和根據(jù)文件版本更新。

  • 也可以訪問我的個人博客:http://blog.yzapp.cn

  • github:https://github.com/nesror

  • 掘金:[https://juejin.im/user/561b1b9c60b2617174659ba0]

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