react-native《一》

208 阅读4分钟

移动端开发方式简介(了解)

原生开发

原生开发(Native App) :原生(Native)应用程序是某一个移动平台(比如iOS或安卓)所特有的,使用相应平台支持的开发工具和语言(比如iOS平台支持Xcode和Objective-C,Swift,安卓平台支持Eclipse和Java)。原生应用程序外观和运行起来(性能)是最佳的。

跨平台开发

H5应用程序(H5APP/WEBAPP) :HTML5应用程序使用标准的Web技术,通常是HTML5、JavaScript和CSS。这种只编写一次、可到处运行的移动开发方法构建的跨平台移动应用程序可以在多个设备上运行。虽然开发人员单单使用HTML5和JavaScript就能构建功能复杂的应用程序,但截至本文截稿时仍然存在一些重大的局限性,具体包括会话管理、安全离线存储以及访问原生设备功能(摄像头、日历和地理位置等)。

混合应用程序(HybridAPP) :混合(Hybrid)应用程序让开发人员可以把HTML5应用程序嵌入到一个细薄的原生容器里面(android里面通常是利用webView控件模拟浏览器内核),集原生应用程序和HTML5应用程序的优点(及缺点)于一体。

js开发+原生渲染:react-native即是以这种模式开发的,它和Hybird模式的区别在于,在渲染层面Hybird是利用webview进行渲染的,也就是说还是基于浏览器的,而react-native在渲染的时候用的是各个平台的原生UI控件,它的渲染效果更接近原生

开发方式造价跨平台学习难度访问手机原生API渲染性能
原生开发可以最好
H5开发
混合开发可以较好
js开发+原生渲染可以

react-native之android环境搭建

  • 所有环境严格按照指定版本安装,版本不一致可导致无法正常运行!!!!!

  • 环境搭建的步骤大致为

    1. 下载安装
    2. 配置环境变量
    3. 检查使用

python2.x环境安装

下载安装

官网:www.python.org/getit/

找到官网2.X版本,下载,双击安装.

打开安装包===》默认Next即可 ==》可选择安装目录====》安装成功

  • 记得记录安装路径,等下配置需要使用!

一直点击Next,直到安装完毕。

配置环境变量

我的电脑,右键属性,高级系统设置,环境变量

  1. 配置PYTHON_HOME环境
  1. 在path引入PYTHON_HOME

WIN10: %PYTHON_HOME%

WIN7或XP:在path最尾巴后,查看有无;分号,如果没有手动增加一个英文;有则不用

粘贴%PYTHON_HOME%

注意!!!!千万不能手贱把path之前的内容给删掉!!!!!!!!!!!!!!!!

否则会导致很多环境用不了!!!!!!!!!!!!!!

测试,使用

命令行 输入 python 回车

只要不是出现如下这种,就算配置成功

java环境安装

下载安装

打开安装包===》下一步==》选择安装目录====》安装

点击下一步,安装完成JDK

点击下一步,安装完成JRE

安装完毕。

配置环境变量

  1. 配置 **JAVA_HOME **,指向JDK的根目录

JAVA_HOME = C:\Program Files\Java\jdk1.8.0_151

  1. 配置全局环境变量,能够暴露java的bin目录(java和javac)

path 增加

%JAVA_HOME%\bin

测试,使用

命令行 java,javac(注意这是两个命令,不是一个)

安装Android环境

拷贝SDK(Android运行环境)到本机

拷贝到Android目录下,其实路径不影响功能,只是便于管理Android系列内容,所以放同目录下

注意Sdk下应该直接是文件内容,而不是Sdk/Sdk/内容这样

(因解压文件后,会在外面在套一层Sdk文件夹,变成了Sdk/Sdk/内容)

配置ANDROID_HOME环境变量

我的电脑,右键->属性

点击高级系统设置,选中环境变量

在系统变量中点击新建增加环境变量( **注意,是系统变量!!!!不是用户变量!!!!!!!!!! **)

设置 ANDROID_HOME

变量值为刚才复制解压的SDK目录路径

ANDROID_HOME添加完毕后,点击 **系统变量path选项 **, **新增 **如下配置

%ANDROID_HOME%\platform-tools

点击确定保存新增配置

测试

检测(命令行):

adb devices

命令能成功执行,表示OK!

安装Android模拟器

一、夜神模拟器

双击安装既可

下一步默认选项即可(虚拟机不要更改安装路径以及路径不能有中文!!!!!!!!!!!!)

安装好之后修改一下分辨率

分辨率设置好之后,进入模拟器安装路劲,(比如 D:\Program Files\Nox\bin),打开cmd 执行命令nox_adb devices,然后重启模拟器,并关掉当前命令窗口,接着重新打开一个cmd窗口(注意不要在模拟器安装路径),执行adb connect 127.0.0.1:62001来连接模拟器,即可。

后续可以通过adb devices来检测有无模拟器或者真机连接

二、真机测试,USB连接,打开USB调试功能即可

测试模拟器or真机是否连接成功:

打开Cmd ==> 输入adb devices 检测和计算机连接的Android设备列表