快捷導(dǎo)航

Weex開(kāi)發(fā)之WEEX-EROS開(kāi)發(fā)踩坑(小結(jié))

更新時(shí)間：2019年10月16日 15:23:48 作者：xiangzhihong8

這篇文章主要介紹了Weex開(kāi)發(fā)之WEEX-EROS開(kāi)發(fā)踩坑(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

隨著Weex跨平臺(tái)技術(shù)的持續(xù)火熱，一時(shí)間涌現(xiàn)出了一大批基于Weex的開(kāi)源解決方案，Weex Eros就是這么一個(gè)面向前端Vue的開(kāi)源APP解決方案。目前，如果直接使用Weex框架開(kāi)發(fā)應(yīng)用會(huì)存在很多痛點(diǎn)，諸如初始化啟動(dòng)的環(huán)境問(wèn)題、項(xiàng)目工程化問(wèn)題、版本升級(jí)與版本兼容問(wèn)題和不支持增量更新等，而Weex Eros等開(kāi)源解決方案能對(duì)上述問(wèn)題進(jìn)行有效的解決。 Weex Eros的定位不是組件庫(kù)，而是基于Weex封裝的面向前端Vue的一整套APP開(kāi)源解決方案，它關(guān)心的是整個(gè)APP項(xiàng)目。在Weex的強(qiáng)大支持下，用一份Vue代碼即可編譯出iOS、Android兩端原生的app，并且通過(guò)Weex Eros內(nèi)置的熱更新邏輯和開(kāi)源的服務(wù)器邏輯，開(kāi)發(fā)的APP還具有熱更新能力。

weex-eros是weex的一套解決方法，使用vue語(yǔ)法糖，對(duì)于前端開(kāi)發(fā)者來(lái)說(shuō)可以輕松上手，文檔如下：
weex：https://weex.apache.org/zh/
weex-eros：https://bmfe.github.io/eros-docs/#/
分享一篇入門(mén)文章：https://zhuanlan.zhihu.com/p/51302413

由于weex-eros安卓端久久不更新，導(dǎo)致開(kāi)發(fā)過(guò)程中安卓端總會(huì)有那么些問(wèn)題，需要大家動(dòng)動(dòng)手改改SDK源碼，可能需要對(duì)原生知識(shí)進(jìn)行補(bǔ)充或者定制開(kāi)發(fā)。

本文針對(duì)EROS 2018.10.11 更新的版本進(jìn)行的介紹，原文鏈接：WEEX-EROS開(kāi)發(fā)小筆記

1，屏幕旋轉(zhuǎn)問(wèn)題

在android/WeexFrameworkWrapper/app/src/main/AndroidManifest.xml這個(gè)文件中，
控制屏幕旋轉(zhuǎn)，需要添加：

android:screenOrientation="user"
android:configChanges="orientation|keyboardHidden|screenSize"

screenOrientation表示用戶(hù)當(dāng)前首選方向，如果值是'sensor'，關(guān)閉屏幕旋轉(zhuǎn)也是會(huì)旋轉(zhuǎn)，會(huì)根據(jù)重力傳感器切換。
configChanges用于配置橫豎片切換，配置configChanges為以上配置時(shí)，切屏不會(huì)重新調(diào)用各個(gè)生命周期，只會(huì)執(zhí)行onConfigurationChanged方法，Activity中的數(shù)據(jù)不會(huì)被銷(xiāo)毀。

2，鍵盤(pán)擋住輸入框問(wèn)題

防止鍵盤(pán)擋住輸入框，自動(dòng)將頁(yè)面上頂，需要添加如下配置：

android:windowSoftInputMode="adjustPan"

具體可以參考下圖：

在這里插入圖片描述

3，點(diǎn)擊對(duì)話框背景或按返回按鈕對(duì)話框消失

使用Android studio打開(kāi)WEEX-EROS的Android源碼，然后再源碼中查找ModalManager.java這個(gè)SDK源碼文件，將下圖圈起來(lái)的位置設(shè)置為false即可，對(duì)應(yīng)的是setCancelabel(calcel)這個(gè)屬性。

在這里插入圖片描述

WEEX的Picker模塊如果選項(xiàng)多的話會(huì)出現(xiàn)默認(rèn)選項(xiàng)有多個(gè)的情況，需要將Picker模塊的SDK源碼替換成官方github上的最新源碼，官方github源碼地址。

4，iOS屏幕旋轉(zhuǎn)

EROS本身是不支持橫屏開(kāi)發(fā)的，如果要進(jìn)行橫屏開(kāi)發(fā)，可以勾選Landscape Left和Landscape Right兩個(gè)選項(xiàng)，如下圖。

在這里插入圖片描述

5，修改包名修改原生Android工程包名

原生Android工程在打包的時(shí)候需要修改Android原生工程的包名，對(duì)于WEEX-EROS項(xiàng)目來(lái)說(shuō)，只需要修改Android的gradle.properties的APPLICATION_ID即可。

在這里插入圖片描述

修改原生iOS工程包名

iOS原生的包名比較好修改，如下圖：

在這里插入圖片描述

另外，Android修改完SDK源碼后需要對(duì)文件夾做修改才可以提交到git上，不然修改完沒(méi)提交到git，下次拉下來(lái)，重新安裝Android依賴(lài)就白改了，打開(kāi)文件夾下的.gitignore文件，刪除wxframework和sdk，然后添加如下配置：

# eros 
platforms/android/WeexFrameworkWrapper/app/src/main/assets/bundle.zip 
platforms/android/WeexFrameworkWrapper/app/src/main/assets/bundle.config
platforms/ios/WeexEros/WeexEros/bundle.zip 
platforms/ios/WeexEros/WeexEros/bundle.config
!.gitkeep
ip.txt

然后分別進(jìn)入platforms/WeexFrameworkWrapper/nexus、platforms/WeexFrameworkWrapper/wxframework文件夾下執(zhí)行rm -rf .git清除原本的git信息，之后就可以將Android的源碼提交到git倉(cāng)庫(kù)里了，之后拉下來(lái)不用再安裝Android依賴(lài)了。

6， CocoaPods多個(gè)版本切換問(wèn)題

EROS推薦1.4.0，因?yàn)楫?dāng)前使用的WXDevtool插件（1.5.3）基于1.4.0，個(gè)人僅發(fā)現(xiàn)此插件有問(wèn)題，可以使用如下的版本來(lái)查看本地的CocoaPods版本。