本文和Jerry過去的文章不太一樣，算不上Jerry的知識分享，只是記錄一下Jerry用React-Native把應用安裝到Android手機上遇到的一些問題，方便以後檢視。

Jerry的同事Leo用React-Native開發了一個應用，現在Jerry需要把這個應用在自己的安卓手機上執行起來。

客戶啟動這個應用後，自動召喚出手機上的攝像頭，對身邊的物品進行拍照，然後把照片上傳到SAP Cloud Platform的Leonardo那裡，消費機器學習API之一的Similarity score服務，返回最相似的三個圖案。

去年Jerry的C4C開發團隊同事，Yang Joey曾經寫過一篇文章：SAP移動應用解決方案之一：HTML5應用 + Cordova = 平臺相關的混合應用，介紹了SAP Cloud for Customer的移動端應用是怎麼基於開源專案Cordova建立的，當時文章曾經提及，使用Cordova打包成的移動應用，實際上執行在移動平臺的WebView裡。而React-Native則有著和Cordova完全不同的設計理念。

關於這兩種技術的比較，網上有很多的文章，大家根據關鍵字“React-Native Cordova”搜尋就行了，比如這篇：

https://www.toptal.com/mobile/comparing-react-native-to-cordova

Jerry是按照React-Native中文網站一步一步操作的，過程中遇到一些問題，全都是和Android平臺相關的，React-Native官網沒有提及，最後靠Google都順利解決了。

Could not resolve project: react-native-camera

Google找到一個連結：https://github.com/react-native-community/react-native-camera/blob/master/docs/migrationV2.md#android

需要在應用的android/app/build.gradle檔案裡新增一行配置：missingDimensionStrategy 'react-native-camera', 'general'

com.android.builder.testing.api.DeviceException: No connected devices!

這報錯資訊很清楚，React-Native cli不知道應該將打好包的應用安裝在什麼地方。解決方法也很容易，要麼啟動一個Android模擬器，要麼用USB連線真機。

用AVD manager啟動一個模擬器：

然後重新執行react-native run-android, 就能將應用安裝到模擬器上了。

或者用USB連線手機，開啟手機上的USB除錯選項：

一樣能夠通過react-native run-android將應用直接裝到手機上：

Failed to install the following Android SDK packages as some licences have not been accepted.

這個錯也容易解決，執行sdkmanager.bat --licenses, 一路選擇Y接受所有的licenses即可。

cannot find symbol import androidx.annotation.Nullable;

編譯錯誤。在應用的android資料夾的gradle.properties配置檔案裡，增加下面兩條配置記錄： android.useAndroidX=true android.enableJetifier=true

之後這個編譯錯誤就沒有了。

因為Leo開發的這個React-Native應用裡面可以用JavaScript程式碼呼叫手機攝像頭，Jerry覺得非常神奇，出於好奇，開啟Leo的程式碼學習了一下。

從react-native-camera庫裡匯出RNCamera元件:

到React-Native應用資料夾node_modules下檢視RNCamera的實現，發現果然是根據移動作業系統的型別分別作了處理。如果是Android平臺，使用攝像頭對應的許可權為：PermissionsAndroid.PERMISSIONS.CAMERA

在Android平臺下使用攝像頭的Java程式碼，存放在對應的android資料夾裡。

Jerry以前使用Cordova生產移動移動時，曾經研究過Cordova應用裡的JavaScript程式碼是如何呼叫Android平臺上原生的Java程式碼的，也在SAP社群上寫了一些文章：

https://blogs.sap.com/2017/08/18/step-by-step-to-create-a-custom-cordova-plugin-for-android-and-consume-it-in-your-ui5-application/

這篇文章介紹的是如果發現Cordova提供的標準外掛不能滿足我們的需求時，我們可以用Java開發自定義的Cordova外掛，然後在JavaScript程式碼裡呼叫。

Cordova裡JavaScript程式碼呼叫Java程式碼的原理，Jerry在這三篇SAP社群部落格裡介紹過：

• How is OData request routed to Offline data store by Odata offline plugin

• How is JavaScript code in OData offline plugin delegated to native Java code in Android

• How is OData offline store opened in Android platform

至於React-Native應用裡的JavaScript程式碼是否通過同樣的原理呼叫Java程式碼，Jerry還沒有時間去研究，因為我下一步需要弄清楚如何使用React-Native基於Android平臺打一個可以安裝的apk檔案出來，這樣才能分發給其他同事測試。

感謝閱讀。

更多閱讀

• SAP移動應用解決方案之一：HTML5應用 + Cordova = 平臺相關的混合應用
• SAP Fiori應用的三種部署方式

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

相關推薦