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。