expo 创建react native项目，如何预览，如何打包apk

已于 2022-10-21 11:12:14 修改
阅读量3.1k 收藏 3
点赞数 2
分类专栏： web前端 文章标签： javascript
于 2022-04-12 12:10:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xutongbao/article/details/124120043
版权 

yarn global add expo-cli




expo -V

expo init m-app3

expo login

https://expo.dev/

 expo publish

 手机下载expo go app,登录账号，也可以看到这样项目，还可以预览这个项目

yarn global add eas-cli

eas -v

 

eas whoami

expo build:android

 在线编译apk，进入编译队列

 https://expo.dev/turtle-status

 平台编译队列状态

我的app已经进入编译队列中：

https://expo.dev/accounts/xutongbao/projects/m-app3/builds/d8ece2d1-f3fa-498f-903d-7b9978bdeaa6

 

 参看编译状态：

expo build:status

 

 

附加：

使用Generate new keystore的时候，报没有安装keystore，怎么解决

徐同保
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
专栏目录
expo项目打包发布
weixin_30735745的博客
01-12 1081
这篇主要说一下，如何使用expo打包发布你做好的app，因为在打包之前，你的app都是运行在expo client的。 1、要用expo打包发布项目，我们的需要有exp命令，这个命令你可以通过 npm install -g exp 安装好后，可以查看exp版本信息，如下： 2、配置项目app.json信息： { "expo": { "name": "CaoT...
expo初识，项目环境搭建，从创建项目到打包apk，
weixin_40441194的博客
06-27 2145
npm install -g expo-cli //安装脚手架 npm install -g yarn //安装yarn命令 打开expo官网注册登录，后面打包项目完成需要到平台下载apk expo init 项目名 //建立项目 react-sdk文件，可能npm命令下载不出来 https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz react-native-vector-icons库的图标库命名路径，可用于开发用 户界面
expo android apk
03-03
expo android apk 是学习 react native 的一款必要的调试工具 过多的就不描述，程序员都懂的
Expo 安卓apk安装包（调试React Native）
10-25
Expo 安卓apk安装包（调试React Native）,Expo CLI使您可以轻松地在物理设备上运行React Native应用程序，而无需设置开发环境。如果您想在iOS模拟器或Android虚拟设备上运行您的应用程序，请参阅使用本机代码构建项目的说明，以了解如何安装Xcode和设置Android开发环境。
Expo项目 通过EAS update发布
徐同保的专栏
11-19 585
Expo项目 通过EAS update发布
React Native expo项目修改应用程序名称
徐同保的专栏
08-17 521
React Native expo项目修改应用程序名称
expo 创建react native项目，如何打包apk
徐同保的专栏
05-21 1724
expo 创建react native项目，如何打包apk
带你从零学ReactNative开发跨平台App开发[expo 打包发布]（八）
12-19 243
ReactNative跨平台开发系列教程： 带你从零学ReactNative开发跨平台App开发（一） 带你从零学ReactNative开发跨平台App开发（二） 带你从零学ReactNative开发跨平台App开发（三） 带你从零学ReactNative开发跨平台App开发（四） 带你从零学ReactNative开发跨平台App开发（五） 带你从零学ReactNati...
Expo升级SDK，iOS应用打包后白屏问题实录
最新发布
dazzid的博客
11-22 126
将一个老项目的Expo SDK 升级到最新版本的过程中，遇到了一个生产环境应用白屏的问题，在本文记录一下当时debug的心路历程
expo项目使用eas打包安卓上传时connect ETIMEDOUT和write EPIPE问题
Smallwhitestrive的博客
11-08 721
eas build -p android时报错 Failed to upload the project tarball to EAS Build Reason: request to https://storag. . . . failed, reason: connect ETIMEDOUT 142.251.42.251:443以及Reason: request to https://s. . . . failed, reason: write EPIPE
Expo 安卓调试程序apk
09-14
create-react-native-app的Expo apk调试程序，react-native开发调试人员必备~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
expo最新安装包
12-03
expo的安装包
Expo APK 2.3.2
03-08
react-native开发工具apk，主要用于联调处理。A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.
expo 最新安卓安装包 19年4月1号
04-01
expo 最新安卓安装包 19年4月1号 expo 最新安卓安装包 19年4月1号
Expo APK 2.5.0
04-26
最新版本的 Expo Client。 create-react-native-app 的 Expo apk 调试程序。 react-native 开发调试必备。
Expo Go，安卓端apk，好用的react native
11-14
Run your project with Expo Go，Expo 包含一组工具、库和服务,可以让你用 JavaScrip...
react native 开发工具, 最新Exponent-2.5.2.apk
05-29
react native 开发工具, 最新Exponent-2.5.2.apk，Run your projects before you deploy. Open projects by scanning QR codes
react-native项目手机预览
前端精髓
07-09 283
拿起你的iPhone手机，安装 expo APP，https://expo.dev/client 或者到 APP store 搜索下载。下载完成之后你必须注册登录 https://expo.dev/ ，然后打开照相机，扫描二维码就可以了。使用 expo 初始化 react-native 项目，https://reactnative.cn/docs/environment-setup。执行 start 命令运行项目。
expo打包安卓 ios
wang12deng13的博客
08-10 1872
npm install -g exp 运行exp build：android或exp build：ios
react native 打包安卓apk具体步骤
07-13
要打包React Native应用成为Android APK文件，你需要按照以下步骤进行操作： 1. 在项目根目录下打开终端，并执行以下命令来生成一个签名密钥库（keystore）文件： ``` keytool -genkey -v -keystore your-key-name.keystore -alias your-alias-name -keyalg RSA -keysize 2048 -validity 10000 ``` 按照提示输入相关信息，如密钥库密码、别名、密码、姓名等，并记住这些信息。 2. 在项目的`android/app`目录下创建一个名为`release.keystore.properties`的文件，并将以下内容添加到文件中： ``` storeFile=your-key-name.keystore storePassword=密钥库密码 keyAlias=your-alias-name keyPassword=别名密码 ``` 确保替换上述属性的值为你在第一步中设置的实际值。 3. 打开项目的`android/app/build.gradle`文件，并将以下代码添加到文件的末尾： ```groovy def keystorePropertiesFile = 'release.keystore.properties' def keystoreProperties = new Properties() keystoreProperties.load(new FileInputStream(keystorePropertiesFile)) android { ... signingConfigs { release { storeFile file(keystoreProperties['storeFile']) storePassword keystoreProperties['storePassword'] keyAlias keystoreProperties['keyAlias'] keyPassword keystoreProperties['keyPassword'] } } buildTypes { release { ... signingConfig signingConfigs.release } } } ``` 确保将`release.keystore.properties`文件路径正确地与`load`方法中的参数匹配。 4. 在终端中切换到项目根目录，并执行以下命令来生成APK文件： ``` cd android ./gradlew assembleRelease ``` 这个过程可能需要一些时间，取决于你的项目大小和配置。 5. 在`android/app/build/outputs/apk/release/`目录下找到生成的APK文件，它的名称类似于`app-release.apk`。 恭喜！你已经成功打包了React Native应用成为Android APK文件。请记住，这个APK文件是发布版本，用于在设备上进行安装和分发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

徐同保

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值