如何愉快地串口调试工具 for mac一个 React Native for Android APP

尊重版权,未经授权不得转载
本文来自:江清清的技术专栏()
今天我们继续来看一下iOS开发中Linking Libraries链接库配置模块详解。
刚创建的React Native技术交流3群(),欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!
相信做过iOS开发的童鞋都知道,如果需要真机调试运行iOS应用需要进行申请iOS开发者账号,并且真机调试设备需要在开发者中心进行注册。同时运行一个React Native开发的iOS应用也需要这样注册。不过特别声明一下:本文章只是专注React Native相关主题。
不过从XCode7开始,真机可以直接调试iOS应用了。
(二)真机设备访问开发服务
在使用开发调试服务器的时候,我们可以在设备中快速查看修改过后的效果。为了可以达到这样的效果,必须设置电脑和手机需要连接的同一个wifi
2.1.编辑器打开AwesomeApp/ios/AwesomeApp/AppDelegate.m文件(实际开发中可能是其他项目的AppDelegate.m文件)
2.2.进行修改其中的URL,把里边的localhost修改成电脑的IP地址。在Mac电脑中,IP地址具体可以在系统配置选项/NewWork中查看
2.3.然后在XCode总选择当前连接的真机设备,作为编译运行的目标
2.4.点击Build和Run进行编译运行项目到真机中
[提醒].摇晃手机可以进行打开开发者菜单(可以选择重新加载,调试,设置等等功能)
(三)使用离线包
当你真机运行ios应用,会进行打包所有的JavaScript代码和图片资源到应用内部中。这样就不需要开发服务就可以进行运行,最终提交发布到AppStore应用市场。具体步骤如下:
3.1.打开AwesomeApp/ios/AwesomeApp/AppDelegate.m文件(或者具体项目中的AppDelegate.m文件)
3.2.打开jsCodeLocation=[[NSBundle mainBundle]…]代码
3.3.根据你的应用的scheme文件的配置不一样,该会进行编译打包成两种开发版本和发布版本。具体可以进行选择XCode顶部菜单中的Product&Scheme&Edit Scheme…在Build Configuration中进行选择Debug或者Release版本。
(四)禁用开发者菜单
当我们进行编译一个发布版本的应用的时候,我们需要设置应用的scheme为release版本来进行关闭应用的调试菜单。
(五)问题排查
如果遇到curl命令运行错误的情况,首先确保服务正常运行,然后试着在结尾添加--ipv4标志。
[注意]从React Native 0.14版本开始,Xcode build配置成使用Bundle React Native code and Images之后,JavaScript和图片资源会自动打包到应用中。
(六)最后总结
今天我们主要讲解学习了真机运行React Native开发iOS应用相关的方法以及打包设置详解,大家有问题可以加一下群React Native技术交流3群().或者底下进行回复一下。
尊重原创,未经授权不得转载:From Sky丶清() 侵权必究!
关注我的订阅号(codedev123),每天分享移动开发技术(Android/IOS),项目管理以及博客文章!(欢迎关注,第一时间推送精彩文章)
关注我的微博,可以获得更多精彩内容
在线用户: 1今日访问: 2,349昨日访问: 5,628累计访问: 6,331,234ReactNative系列文章:
React Native(以下简称RN),已经&火&了好一段时间了,网上的资料相对也很丰富,只是一直迟迟没有发布1.0,不过出身豪门(Facebook)的RN和国内顶级互联网公司对于RN的实践与应用,就足矣证明其实力!
本文分为以下几个部分:
  一、环境搭建;
  二、APP调试与运行;
  三、扩展知识;
一、环境搭建
系统配置:Win10
模拟器:Visual Studio Emulator for Android(可以脱离VS单独安装,也可以使用其他其他模拟器或真机调试)
环境搭建分为两个部分:
1、Android开发环境搭建(之前已经设置过,可以跳过此步骤);
2、RN开发环境搭建;
1、Android开发环境搭建;
①、安装JDK,具体步骤不详述,可以使用Java -version来检测一下;
②、安装Android SDK,需要设置环境变量:ANDROID_HOME =& Android SDK Manage安装位置,ex:ANDROID_HOME =& E:\android\sdk;
③、设置Android SDK,需安装已下项:
Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository
Local Maven repository for Support Libraries&
2、RN开发环境搭建:
①、安装node环境,点击下载V6.xxx安装即可;
②、安装Git,点击下载安装即可;
③、安装RN脚手架:npm i react-native-cli -g
到此为止环境已经搭建完成。
二、APP调试与运行
1、创建项目
  react-native init demo1
2、安装依赖包
  进入demo1根目录执行:npm i
3、启动服务器
  react-native start
  等一段时间,用浏览器访问可以访问,即启动完成,启动之后不能关闭;
4、安装app
  react-native run-android
  在输入此命令前,要先打开模拟器,或连接真机,第一次启动非常慢,需要下载gradle,也可以手动下载gradle安装。
  以下为扩展内容(可忽略):
    如果安装失败,或者不想等太长时间,点击:
    下载,放入C:\Users\用户名\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv
    如果手动安装需要执行:react-native run-android重新启动;
5、运行调试app
  本人用的是Visual Studio Emulator for Android(模拟器)运行的,真机或其他模拟器相同,第一次运行会出现错误,如图:
  解决方案:设置IP和端口,具体操作,摇一摇手机,Visual Studio Emulator for Android(模拟器)如图:
  如上图,点击更多工具 =& 加速计 =& 点击播放,模拟摇一摇,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口,这个时候返回是空白,再次点击摇一摇,选择Reload JS程序就显示出来了,如图:
三、扩展知识(重要):每次修改完程序都要摇一摇Reload很麻烦,这个时候有一个很方便的做法开启热加载,改动完之后,即可在app自动更新,设置如图:
设置完之后,就可以愉快的编写代码了,所编即所得的及时反馈,着实好用,也大大节省了调试成本!
更多详情,请移驾:
问题1:小米手机不能识别设备,安装不了调试包?
解决方案:设置 =》 开发者选项 =》 关闭&启动MIUI优化&
阅读(...) 评论()}

我要回帖

更多关于 iar for msp430 调试 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信