本文和Jerry過去的文章不太一樣,算不上Jerry的知識分享,只是記錄一下Jerry用React-Native把應(yīng)用安裝到Android手機上遇到的一些問題,方便以后查看。

Jerry的同事Leo用React-Native開發(fā)了一個應(yīng)用,現(xiàn)在Jerry需要把這個應(yīng)用在自己的安卓手機上運行起來。

客戶啟動這個應(yīng)用后,自動召喚出手機上的攝像頭,對身邊的物品進行拍照,然后把照片上傳到SAP Cloud Platform的Leonardo那里,消費機器學(xué)習(xí)API之一的Similarity score服務(wù),返回最相似的三個圖案。

去年Jerry的C4C開發(fā)團隊同事,Yang Joey曾經(jīng)寫過一篇文章:SAP移動應(yīng)用解決方案之一:HTML5應(yīng)用 + Cordova = 平臺相關(guān)的混合應(yīng)用,介紹了SAP Cloud for Customer的移動端應(yīng)用是怎么基于開源項目Cordova創(chuàng)建的,當(dāng)時文章曾經(jīng)提及,使用Cordova打包成的移動應(yīng)用,實際上運行在移動平臺的WebView里。而React-Native則有著和Cordova完全不同的設(shè)計理念。

關(guān)于這兩種技術(shù)的比較,網(wǎng)上有很多的文章,大家根據(jù)關(guān)鍵字“React-Native Cordova”搜索就行了,比如這篇:
https://www.toptal.com/mobile/comparing-react-native-to-cordova

Jerry是按照React-Native中文網(wǎng)站一步一步操作的,過程中遇到一些問題,全都是和Android平臺相關(guān)的,React-Native官網(wǎng)沒有提及,最后靠Google都順利解決了。

Could not resolve project: react-native-camera

Google找到一個鏈接: https://github.com/react-native-community/react-native-camera/blob/master/docs/migrationV2.md#android
需要在應(yīng)用的android/app/build.gradle文件里添加一行配置:missingDimensionStrategy 'react-native-camera', 'general'

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

這報錯信息很清楚,React-Native cli不知道應(yīng)該將打好包的應(yīng)用安裝在什么地方。解決方法也很容易,要么啟動一個Android模擬器,要么用USB連接真機。
用AVD manager啟動一個模擬器:

然后重新執(zhí)行react-native run-android, 就能將應(yīng)用安裝到模擬器上了。

或者用USB連接手機,打開手機上的USB調(diào)試選項:

一樣能夠通過react-native run-android將應(yīng)用直接裝到手機上:

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

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

cannot find symbol import androidx.annotation.Nullable;

編譯錯誤。在應(yīng)用的android文件夾的gradle.properties配置文件里,增加下面兩條配置記錄:
android.useAndroidX=true
android.enableJetifier=true

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

因為Leo開發(fā)的這個React-Native應(yīng)用里面可以用JavaScript代碼調(diào)用手機攝像頭,Jerry覺得非常神奇,出于好奇,打開Leo的代碼學(xué)習(xí)了一下。
從react-native-camera庫里導(dǎo)出RNCamera組件:

到React-Native應(yīng)用文件夾node_modules下查看RNCamera的實現(xiàn),發(fā)現(xiàn)果然是根據(jù)移動操作系統(tǒng)的類型分別作了處理。如果是Android平臺,使用攝像頭對應(yīng)的權(quán)限為:PermissionsAndroid.PERMISSIONS.CAMERA

在Android平臺下使用攝像頭的Java代碼,存放在對應(yīng)的android文件夾里。

Jerry以前使用Cordova生產(chǎn)移動移動時,曾經(jīng)研究過Cordova應(yīng)用里的JavaScript代碼是如何調(diào)用Android平臺上原生的Java代碼的,也在SAP社區(qū)上寫了一些文章:
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/
這篇文章介紹的是如果發(fā)現(xiàn)Cordova提供的標(biāo)準(zhǔn)插件不能滿足我們的需求時,我們可以用Java開發(fā)自定義的Cordova插件,然后在JavaScript代碼里調(diào)用。

Cordova里JavaScript代碼調(diào)用Java代碼的原理,Jerry在這三篇SAP社區(qū)博客里介紹過:
至于React-Native應(yīng)用里的JavaScript代碼是否通過同樣的原理調(diào)用Java代碼,Jerry還沒有時間去研究,因為我下一步需要弄清楚如何使用React-Native基于Android平臺打一個可以安裝的apk文件出來,這樣才能分發(fā)給其他同事測試。
感謝閱讀。
要獲取更多Jerry的原創(chuàng)文章,請關(guān)注公眾號"汪子熙":

本文題目:在SAP除了使用Cordova生產(chǎn)移動應(yīng)用外,還有這種方式-創(chuàng)新互聯(lián)
地址分享:http://www.chinadenli.net/article14/dehpde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、Google、定制網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站改版、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)