nativeandroidapp
❶ 如何愉快地調試一個 React Native for Android APP
首先確保你的電腦和手機設備在同一個Wi-Fi環境下。
其次你需要開啟USB調試才能在你的設備上安裝你的APP。一定要確定你已經打開設備的USB調試開關!
確保你的設備已經被成功連接,可以輸入adb devices核實:
在右邊那列看到device說明你的設備已經被正確連接了。注意,你只應當連接僅僅一個設備。
因為如果你連接了多個設備(包含模擬器在內),你後續的一些操作可能會失敗。拔掉不需要的設備,或者關掉模擬器,確保adb devices的輸出只有一個是連接狀態。
現在我們可以運行 react-native run-android 來在設備上安裝並啟動我們的應用了
這
句命令執行後,實際上就是在本地起一個node server,並且將你的android
project編譯打包,再上傳到你的手機上。然後當js文件有改動或debug模式下手動選擇reload
js時候會自動更新bundle文件,達到改動js文件後即時顯示的調試效果。
這「紅屏」又是什麼鬼?別著急,是正常的,我們需要連接上開發伺服器,下面的步驟會解決這個問題。
搖晃手機,或者運行adb shell input keyevent 82,可以調出開發者菜單。
點擊進入Dev Settings
點擊Debug server host for device
輸入你電腦的IP地址和埠號(譬如我的是192.168.3.15:8081)
注意:如果你的設備是android5.0以上版本(API 21+),就不用折騰這步了
而是:運行adb reverse tcp:8081 tcp:8081 (建立一個從設備向電腦轉發的埠,前提是設備和電腦通過USB相連)
不需要更多配置,你就可以使用Reload JS和其它的開發選項了
Chrome開發者工具
在Chrome上調試js代碼,需要在開發菜單中選擇Debug JS,這會打開一個新的http://localhost:8081/debugger-uitab頁。
在
Chrome中,按下⌘ + option + i或者選擇視圖(View) -> 開發者(Developer) ->
開發工具(Developer Tools)來打開開發工具控制台。打開有異常時暫停(Pause On Caught
Exceptions)選項,能夠獲得更好的開發體驗。
Chrome中並不能直接看到App的用戶界面,而只能提供console的輸出,以及在sources項中斷點調試js腳本。
要查看APP日誌?
在終端下運行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應用的日誌。
實時刷新
這個選項可以在你的js代碼變更了之後,自動觸發所連設備或者模擬器自動刷新。
開啟方法:先打開開發菜單,選擇Dev Settings,然後選擇Auto reload on JS change選項。
到此才能完整的調試Android RN, 繁瑣到累絕不愛。。
等等,能否想辦法簡化一下過程?
既然我們的RN項目里包含了完整的android工程,何不把android工程導入到android studio 去運行?不但可以同時查看js的日誌和native的日誌,而且開發android的同學最熟悉AS,利用AS的快捷鍵和各類插件提升調試效率。
have a try , 答案是肯定的!
執行react-native start 也可以起一個node server,只是它不幫你安裝APP到device 。
以上就是我踩坑後整理的方法,按這套組合拳就可以愉快地調試了。水平有限,拋磚引玉,如果你有更好的方法!歡迎拍磚!
此處插播一個廣告:拍磚請拍到我們的杏樹林開放空間(246078103),期待感興趣的同學加入。
之後要解決的一些issue
1,關於設備MinSdkVerison
RN 只支持Android4.1.2(API16)以上設備,4.0根據網路數據大概佔比0.7比例,隨著大部分app已經不支持4.0以下設備了,這塊倒還可以接受 , 目前我們的病歷夾是3.0(API-11) , 口袋是4.0(API-14)
2,我們的androidRN現在只能通過Debug JS才能渲染出界面,而不能正常的用Reload JS
3,在界面跳轉時卡的令人發指
❷ Native App與Web App
Native App開發
即原生APP開發模式,利用iOS、Android開發平台官方提供的開發工具進行APP的開發。
特點:
(1)功能多:可以訪問手機的所有功能,如定位、GPS、攝像頭等。
(2)速度快、性能高、整體用戶體驗好。
(3)離線使用:若App內部涉及到大量的視頻、圖片等信息,在流量有限的情況下,需要用戶將這些文件保存到本地,以供離線使用。並且再次打開時,不需要重新載入,訪問速度快。
(4)App質量及安全性好。
(5)Native App開發非常費時費力,不同的版本需要單獨開發。
Web App開發
Web App開發主要依靠H5框架開發,類似於網頁,而不是單獨的程序。
特點:
(1)在瀏覽器上運行,項目獨立。
(2)單一版本開發,開發周期短、難度小。
(3)Web APP的功能有限,不能調用手機功能。
(4)性能需要進行檢驗,不如原生App。
(5)每次打開都需要重新載入,訪問速度慢,無法離線瀏覽。
(6)技術不成熟,質量及安全性無法得到保障。
❸ Androidnativeapp設置代理
在主屏幕中按系統設置,進入系統設置屏幕。
在系統設置屏幕中找到並點瀏覽器設置,進入WAP功能設置屏幕,點代理伺服器1(或代理伺服器2,代理伺服器3),進入相應設置屏幕可以分別設置代理伺服器。
分別點各項資料的輸入欄,進入相應的數字輸入屏幕,輸入資料(中國移動網關IP:010.000.000.172埠號9201,接入號碼是172),正確輸入所有資料後,按確定,回到瀏覽器設置屏幕,再點數據呼叫信息。
❹ 如何愉快地調試一個 React Native for Android APP
首先確保你的電腦和手機設備在同一個Wi-Fi環境下。其次你需要開啟USB調試才能在你的設備上安裝你的APP。一定要確定你已經打開設備的USB調試開關!確保你的設備已經被成功連接,可以輸入adbdevices核實:在右邊那列看到device說明你的設備已經被正確連接了。注意,你只應當連接僅僅一個設備。因為如果你連接了多個設備(包含模擬器在內),你後續的一些操作可能會失敗。拔掉不需要的設備,或者關掉模擬器,確保adbdevices的輸出只有一個是連接狀態。現在我們可以運行react-nativerun-android來在設備上安裝並啟動我們的應用了這句命令執行後,實際上就是在本地起一個nodeserver,並且將你的androidproject編譯打包,再上傳到你的手機上。然後當js文件有改動或debug模式下手動選擇reloadjs時候會自動更新bundle文件,達到改動js文件後即時顯示的調試效果。這「紅屏」又是什麼鬼?別著急,是正常的,我們需要連接上開發伺服器,下面的步驟會解決這個問題。搖晃手機,或者運行adbshellinputkeyevent82,可以調出開發者菜單。點擊進入DevSettings點擊Debugserverhostfordevice輸入你電腦的IP地址和埠號(譬如我的是192.168.3.15:8081)注意:如果你的設備是android5.0以上版本(API21+),就不用折騰這步了而是:運行adbreversetcp:8081tcp:8081(建立一個從設備向電腦轉發的埠,前提是設備和電腦通過USB相連)不需要配置,你就可以使用ReloadJS和其它的開發選項了Chrome開發者工具在Chrome上調試js代碼,需要在開發菜單中選擇DebugJS,這會打開一個新的debugger-uitab頁。在Chrome中,按下⌘+option+i或者選擇視圖(View)->開發者(Developer)->開發工具(DeveloperTools)來打開開發工具控制台。打開有異常時暫停(PauseOnCaughtExceptions)選項,能夠獲得更好的開發體驗。Chrome中並不能直接看到App的用戶界面,而只能提供console的輸出,以及在sources項中斷點調試js腳本。要查看APP日誌?在終端下運行adblogcat*:SReactNative:VReactNativeJS:V可以看到你的應用的日誌。實時刷新這個選項可以在你的js代碼變更了之後,自動觸發所連設備或者模擬器自動刷新。開啟方法:先打開開發菜單,選擇DevSettings,然後選擇AutoreloadonJSchange選項。到此才能完整的調試AndroidRN,繁瑣到累絕不愛。。等等,能否想法簡化一下過程?既然我們的RN項目里包含了完整的android工程,何不把android工程導入到androidstudio去運行?不但可以同時查看js的日誌和native的日誌,而且開發android的同學最熟悉AS,利用AS的快捷鍵和各類插件提升調試效率。haveatry,答案是肯定的!執行react-nativestart也可以起一個nodeserver,只是它不幫你安裝APP到device。以上就是我踩坑後整理的方法,按這套組合拳就可以愉快地調試了。水平有限,拋磚引玉,如果你有更好的方法!歡迎拍磚!此處插播一個廣告:拍磚請拍到我們的杏樹林開放空間(246078103),期待感興趣的同學加入。之後要解決的一些issue1,關於設備MinSdkVerisonRN只支持Android4.1.2(API16)以上設備,4.0根據網路數據大概佔比0.7比例,隨著大部分app已經不支持4.0以下設備了,這塊倒還可以接受,目前我們的病歷夾是3.0(API-11),口袋是4.0(API-14)2,我們的androidRN現在只能通過DebugJS才能渲染出界面,而不能正常的用ReloadJS3,在界面跳轉時卡的令人發指
❺ 如何愉快地調試一個 React Native for Android APP
最近在關注React Native(以下簡稱RN),對於這個融合了js & iOS & Android的新物種,嘗試和它近距離接觸的過程中,發現與單獨調試js或者native比起來,調試RN的過程確實很繁瑣,怎麼個繁瑣法?
假設你已經配置好了Android開發環境,clone your project,並且已經npm install 了全部的依賴包,到這個姿勢就可以開始調試了。
調試Android APP的設備有兩種:
模擬器:Android SDK自帶的 emulator 或者第三方的 Genymotion
真機
這里重點說說如何用真機調試,模擬器如果僅僅是跑個demo用用還行,對實際開發意義不大,故不在此贅述。
真機調試的前提條件:
首先確保你的電腦和手機設備在同一個Wi-Fi環境下。
其次你需要開啟USB調試才能在你的設備上安裝你的APP。一定要確定你已經打開設備的USB調試開關!
http://lib.csdn.net/article/reactnative/45300
❻ 什麼是NativeApp
NativeApp是一種基於智能手機本地操作系統如iOS、Android、WP並使用原生程式編寫運行的第三方應用程序,也叫本地app。
❼ native app是什麼
官方回答:Native App是一種基於智能手機本地操作系統如IOS、Android、WP並使用原生程式編寫運行的第三方應用程序,也叫本地app。