windows11 + Expo + React Native环境搭建
为什么要有沙箱壳,其实Expo Go就是一个通用的APP调试壳子,在有些情况下,可能会有一个步骤叫Development Build,称为构建,意思是要构建息的环境沙箱壳子。等待一会,它会上传云端打包,打包完成后,会出现下方二维码和地址信息,你可以扫码安装,或者打开那个地址,进入expo.dev的打包控制台。此时,它会自动弹出两个窗口,不用管它,让它自己愉快的运行即可,你只要等待它自动完成,且会自
一、安装JDK 17
说明:官方规定一定要安装17版本,为了兼容RN。
如果不安装在C盘,请设置如下环境变量(系统环境变量),及Path

二、安装Android Studio
2.1 下载android studio,并安装到本机,可设置SDK下载目录在其它盘下(我放到了D:/android/sdk)。
android官网
https://developer.android.google.cn/studio?hl=zh-cn
同样,如果你不安装到C盘,则需要设置一下环境变量。
如果你的SDK要换到其它盘,请执行下面操作,不然系统找不到。


2.2 下载安装相应的SDK、模拟器
2.2.1 安装SDK,找一个版本下载就行,我的是Android 16.0



下载时间较长的,是网络问题,上网找下其它方法即可。
2.2.2 安装模拟器
模拟器,其实就是手机模拟器,

添加一个模拟器,我的是Pixel7


安装它需要的API,最后点击【FINISH】按钮即可

安装完成的PIXEL7效果,至此安卓环境基本完成了。
提示:你不用在android studio启动它,后面我们用命令启动它。

三、使用Expo命令运行项目。
执行命令:
npx expo run:android
1 第一次执行用安卓模拟器运行,它会下载一个包:
Downloading https://services.gradle.org/distributions/gradle-9.0.0-bin.zip
这个包只需要下载一次,启动的必要包,不用管它,但大概率会失败,如下错误:
错误原因:大概率是网络连接问题,或者能下,但巨慢。

解决方案:手动下载该包,并放到指定目录下,记住不需要解压,因为再运行命令后,会自动处理,如下方C:\Users\Administrator\.gradle\wrapper\dists\gradle-9.0.0-bin\
该目录会自动创建一个带有随机ID的长名字文件夹(例如 5e7c5f9d9e9a9f9d9c9b9a9f)。

执行命令:
npx expo run:android
此时,它会自动弹出两个窗口,不用管它,让它自己愉快的运行即可,你只要等待它自动完成,且会自动打开模拟器界面。





直到出现如下界面,你就可以再次扫码了


制作沙箱壳:
为什么要有沙箱壳,其实Expo Go就是一个通用的APP调试壳子,在有些情况下,可能会有一个步骤叫Development Build,称为构建,意思是要构建息的环境沙箱壳子。
构建流程:
1 安装expo-dev-client,安装
npx expo install expo-dev-client
2 打包沙箱壳APP(类似Expo go),这里有两种选择,
2.1 方法一:本地打包 (你的电脑,已配置android环境)
-
执行打包命令:
npx expo run:android
注意:不要加--variant release,那是打正式包用的。 -
找到文件:成功后,APK 文件会乖乖躺在这里:
项目名称/android/app/build/outputs/apk/debug/app-debug.apk -
传到手机:用微信/QQ文件助手、网盘或 USB 把 APK 传到手机上
2.2 方法二:云端打包 (EAS, 省心),利用expo云打包,很方便,唯一缺点就是免费的慢,要排队打包。
执行命令:
eas build --platform android --profile development
2.2.1 配置eas.json,如果你没有配置过,需要执行下方命令,完成后,会出现eas.json文件。可手动配置,但暂不确定后面会出现什么问题
# 1. 先安装 EAS CLI
npm install -g eas-cli
# 2. 登录
eas login
# 3. 自动生成 eas.json
eas build:configure

{
"cli": {
"version": ">= 18.11.0",
"appVersionSource": "remote"
},
"build": {
"development": {
"developmentClient": true,
"distribution": "internal"
},
"preview": {
"distribution": "internal"
},
"production": {
"autoIncrement": true
}
},
"submit": {
"production": {}
}
}
等待一会,它会上传云端打包,打包完成后,会出现下方二维码和地址信息,你可以扫码安装,或者打开那个地址,进入expo.dev的打包控制台

在expo.dev的打包控制台,点击install

扫码安装或下载APK包

下载沙箱APK,并安装到自己手机里

更多推荐

所有评论(0)