时隔一年，我又重新来捡起我的简书了，最近领导打算让我开发一个公司自己的APP，既要支持Android端又要支持IOS端，我首当其冲想到了UniApp，然而！！！我们领导不喜欢UniApp，认为UniApp都是外包采用的技术，我直接泪奔....
没办法，只能硬着头皮往上上了！
不过开始之前，先了解一下UniApp和React Native的优缺点吧~
| UniApp | React Native |
|---|---|
| 优点： | 优点： |
| 开发速度快，可以使用Vue.js的熟悉语法 | 性能接近原生应用 |
| 支持自动化构建，一次编写多端发布 | 对动画和低级别的自定义接口支持良好 |
| 社区支持较好，有丰富的组件库和插件可供使用 | 可以使用JavaScript直接调用原生API |
| 缺点： | 缺点： |
| 性能不如RN | 学习曲线陡峭，需要熟悉JavaScript和React |
| 对于低级别的自定义组件或动画支持有限 | 需要为不同平台单独维护代码 |
| 更新可能不如RN及时 | 开发速度可能较慢，因为需要等待编译和打包 |
| ---- | 更新和维护工具链比UniApp复杂 |
在选择UniApp还是React Native时，应考虑项目的具体需求和目标平台。如果需要快速开发和多端发布，UniApp可能是更好的选择。如果对性能、自定义组件和动画有高要求，或者想要更接近原生的体验，RN可能是更好的选择。
综上，基于我们是自研的APP，自然是选择性能接近原生应用的RN了，这也是领导考虑的重要原因之一。不过这学习曲线确实也是令人望而生畏。
接下来就开始整活吧！首先是搭建开发环境（暂时只搭建了安卓的，IOS随后会补上笔记）
开发平台
windows11
安装依赖
1、Node:18.2.0
这个我是装了两个版本的，因为我其他的项目用的是16版本的，最高只支持17版本的。关于怎么装两个版本方法，网上有很多的，我看的链接是点击这里。里边讲解超级详细。
2、React Native：0.74
3、JDK：17
这个是需要配置环境变量的，配置方法网上也有哦，不多赘述
4、yarn
npm install -g yarn
5、gradle:8.6
安装 Android Studio
1、这个需要确保下载了Android SDK、Android SDK Platform（我的是34版本的）、Android Virtual Device
2、配置 ANDROID_HOME 环境变量
一般在设置->SDK Manager->Languages & Frameworks->Android SDK目录下能找到sdk的安装位置，直接配上就好了
3、把一些工具目录添加到环境变量 Path
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
4、创建新项目
npx react-native init yd // 我们项目是叫做云盯
5、编译并运行 React Native 应用
cd yd
yarn android
综上，环境就搭好了！虽然写起来很简单，但是这个过程我用了一天...（再次泪奔）
下节预告：对接云盯PlayerSdk（这个才是地狱级别的难度...）
