時(shí)隔一年采呐，我又重新來撿起我的簡(jiǎn)書了，最近領(lǐng)導(dǎo)打算讓我開發(fā)一個(gè)公司自己的APP搁骑，既要支持Android端又要支持IOS端斧吐，我首當(dāng)其沖想到了UniApp，然而！５蘅摇秘车！我們領(lǐng)導(dǎo)不喜歡UniApp，認(rèn)為UniApp都是外包采用的技術(shù)蝶糯，我直接淚奔....
沒辦法，只能硬著頭皮往上上了辆沦！
不過開始之前昼捍，先了解一下UniApp和React Native的優(yōu)缺點(diǎn)吧~
| UniApp | React Native |
|---|---|
| 優(yōu)點(diǎn)： | 優(yōu)點(diǎn)： |
| 開發(fā)速度快，可以使用Vue.js的熟悉語法 | 性能接近原生應(yīng)用 |
| 支持自動(dòng)化構(gòu)建肢扯，一次編寫多端發(fā)布 | 對(duì)動(dòng)畫和低級(jí)別的自定義接口支持良好 |
| 社區(qū)支持較好妒茬，有豐富的組件庫和插件可供使用 | 可以使用JavaScript直接調(diào)用原生API |
| 缺點(diǎn)： | 缺點(diǎn)： |
| 性能不如RN | 學(xué)習(xí)曲線陡峭，需要熟悉JavaScript和React |
| 對(duì)于低級(jí)別的自定義組件或動(dòng)畫支持有限 | 需要為不同平臺(tái)單獨(dú)維護(hù)代碼 |
| 更新可能不如RN及時(shí) | 開發(fā)速度可能較慢蔚晨，因?yàn)樾枰却幾g和打包 |
| ---- | 更新和維護(hù)工具鏈比UniApp復(fù)雜 |
在選擇UniApp還是React Native時(shí)乍钻，應(yīng)考慮項(xiàng)目的具體需求和目標(biāo)平臺(tái)。如果需要快速開發(fā)和多端發(fā)布铭腕，UniApp可能是更好的選擇团赁。如果對(duì)性能、自定義組件和動(dòng)畫有高要求谨履，或者想要更接近原生的體驗(yàn)欢摄，RN可能是更好的選擇。
綜上笋粟，基于我們是自研的APP怀挠，自然是選擇性能接近原生應(yīng)用的RN了，這也是領(lǐng)導(dǎo)考慮的重要原因之一害捕。不過這學(xué)習(xí)曲線確實(shí)也是令人望而生畏绿淋。
接下來就開始整活吧！首先是搭建開發(fā)環(huán)境（暫時(shí)只搭建了安卓的尝盼，IOS隨后會(huì)補(bǔ)上筆記）
開發(fā)平臺(tái)
windows11
安裝依賴
1吞滞、Node:18.2.0
這個(gè)我是裝了兩個(gè)版本的，因?yàn)槲移渌捻?xiàng)目用的是16版本的，最高只支持17版本的裁赠。關(guān)于怎么裝兩個(gè)版本方法殿漠，網(wǎng)上有很多的，我看的鏈接是點(diǎn)擊這里佩捞。里邊講解超級(jí)詳細(xì)绞幌。
2、React Native：0.74
3一忱、JDK：17
這個(gè)是需要配置環(huán)境變量的莲蜘，配置方法網(wǎng)上也有哦，不多贅述
4帘营、yarn
npm install -g yarn
5票渠、gradle:8.6
安裝 Android Studio
1、這個(gè)需要確保下載了Android SDK芬迄、Android SDK Platform（我的是34版本的）问顷、Android Virtual Device
2、配置 ANDROID_HOME 環(huán)境變量
一般在設(shè)置->SDK Manager->Languages & Frameworks->Android SDK目錄下能找到sdk的安裝位置薯鼠，直接配上就好了
3、把一些工具目錄添加到環(huán)境變量 Path
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
4械蹋、創(chuàng)建新項(xiàng)目
npx react-native init yd // 我們項(xiàng)目是叫做云盯
5出皇、編譯并運(yùn)行 React Native 應(yīng)用
cd yd
yarn android
綜上，環(huán)境就搭好了哗戈！雖然寫起來很簡(jiǎn)單郊艘，但是這個(gè)過程我用了一天...（再次淚奔）
下節(jié)預(yù)告：對(duì)接云盯PlayerSdk（這個(gè)才是地獄級(jí)別的難度...）
