react-native配置及打包

于 2024-08-24 13:53:40 发布
阅读量266 收藏 4
点赞数 9
文章标签： react native java android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74279698/article/details/141498758
版权

安装软件：vscode android studio

环境：Java17,android SDK 34

第一步：打开android studio 下载react native 需要的SDK版本

创建react-native文件并在android添加描述java配置的文件local.properties这个文件会在生成java项目的时候生成直接复制就行

第二步：添加环境变量，添加android studio SDK tools环境如图

第三步：打开SDK模拟器，并运行react-native，手机原生与web端区别很大不能使用web端库

第四步打包：进入Java JDK bin目录下生成一段密钥用来生成apk文件配置

$ keytool -genkeypair -v -storetype PKCS12 -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

生成的文件为my-release-key.keystore 将他放入react-native项目中的android\app中

配置android目录下文件grable.properties如图

然后配置build.gradle添加签名配置

执行打包命令需进入到android目录下

$ cd android $ ./gradlew assembleRelease

生成的 APK 文件位于 android/app/build/outputs/apk/release/app-release.apk

前端小菜鸡一只
关注
React Native之打包
xiangzhihong8的专栏
04-13 1万+
用React Native开发好APP之后，如何将APP发布到市场以供用户使用呢？不管是Android还是ios等原生app走的都是：签名打包—>发布到各store这两大步骤。本文将对Android和ios两大平台打包过程做一个简单的介绍。Android平台打包在Android原生的app开发打包过程中，主要有两种发布方式：一种是借助于命令行操作，另外一种是借助于Android Studio进行发布
React Native发布APP之打包iOS应用
热门推荐
fengyuzhengfan的专栏
02-09 1万+
本文出自《React Native学习笔记》系列文章。 了解更多，可以关注我的GitHub和加入： React Native学习交流群 用React Native开发好APP之后，如何将APP发布以供用户使用呢？一款APP的发布流程无外乎：签名打包—>发布到各store这两大步骤。本文将向大家分享如何签名打包一款React Native APP。
React Native之项目打包
大灰狼的小绵羊哥哥的博客
05-11 1579
用React Native开发好APP之后，如何将APP发布到市场以供用户使用呢？不管是Android还是iOS等原生app走的都是：签名打包—>发布到各store这两大步骤。本文将对Android和ios两大平台打包过程做一个简单的介绍。http://blog.csdn.net/xiangzhihong8/article/details/70162784 Android平台打包 在A
ReactNative打包
u013853050的博客
08-20 208
ReactNative相关 创建项目: react-native init demo --verbose --version 0.60.0 可指定版本号，相关版本可以以下网址查看 https://react-native-community.github.io/upgrade-helper/ 项目打包命令: Android: react-native bundle --entry-file index.js --bundle-output ./android/app/src/main/assets/i.
react native android 命令打包
06-19
主要讲述如何使用react native 命令行进行打包 发布生成apk
React Native 打包（本地）
最新发布
weixin_51878863的博客
06-04 253
接着会让你输入密钥库口令，我用的是官网给的 my-release-key ，这个口令最好一个项目的开发都统一，这样 gradle 配置一次就可以，后面不需要再改。
react-native-web-linear-gradient:用于Web实现React-native-linear-gradient的React Native
05-17
别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web', ... 'react-native-linear-gradient': 'react-native-web-linear-gradient', } } 用法 参见 。 请注意，不支持...
react-native-web-webview:React Native用于RN的WebView的Web实现
05-17
别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web', ... 'react-native-webview': 'react-native-web-webview', } } 将以下规则添加到您的webpack配置中： const rule...
react-native-web-maps:React Native在Web上实现react-native-maps
05-17
别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web', ... 'react-native-maps': 'react-native-web-maps', } } 您需要具有Google Maps Javascript API密钥才能使用地图，...
react-native0.62 初始化空项目，含react-natigation导航
03-30
相比 react-native init RN-name 的空项目，你不需要再去配置react-navigation等插件，甚至你自己可能因为版本兼容而陷入坑中。 0.62版本打包的最小apk只有7.5M左右，是相当不错的选择，在react native到0.60以后，...
浅谈react-native热更新react-native-pushy集成遇到的问题
11-28
总的来说，集成react-native-pushy进行热更新需要对React Native的生命周期、环境配置和打包流程有深入理解。遇到问题时，查阅官方文档、社区讨论和Stack Overflow上的解决方案通常都能找到答案。重要的是要有耐心和...
React Native打包
xiangzhihong8的专栏
02-27 3294
前面写了关于React的一系列入门章：http://lib.csdn.net/xiangzhihong8/5375/chart/React%20Native 欢迎大家吐槽，今天要说的是在Android和iOS两个平台如何打包的问题。Android平台打包Android平台有两种发布方式：一种是借助于命令行操作，另外一种是借助于Android Studio进行发布。Android Studio平
React Native 应用打包
憧憬个人博客
03-25 1426
通过合理配置App Transport Security、Release Scheme以及启动屏优化技巧，可以提升React Native应用的上架质量和用户体验。遵循最佳实践和优化策略，有助于应用在竞争激烈的应用市场中脱颖而出。
React Native打包（三：react-native多环境打包)
zhuweideng的博客
04-26 1553
https://blog.csdn.net/u010377383/article/details/84790216 （一）前言 开发环境参考上章 集成官方热更新 详细的react-native-code-push教程链接 安卓多环境的参考链接地址 （二）背景 正常需求来讲，我们需要区分三种环境——开发环境、测试环境、正式环境（也称之为生产环境） 因为热更新分为 Production ...
ReactNative 原生混合开发打包ipa和apk
2301_76232361的博客
04-07 649
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题为了找到工作，升职加薪，另一方面也是对于自我能力的考察。
ReactNative 打包
2401_84132723的博客
04-18 429
由于本文罗列的知识点是根据我自身总结出来的，并且由于本人水平有限，无法全部提及，欢迎大神们能补充~将来我会对上面的知识点一个一个深入学习，也希望有童鞋跟我一起学习，一起进阶。提升架构认知不是一蹴而就的，它离不开刻意学习和思考。**这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家，**梳理了多年的架构经验，筹备近1个月最新录制的，相信这份视频能给你带来不一样的启发、收获。，第一时间获取最新知识点Android架构师之路很漫长，一起共勉吧！
react-native打包
09-13
React Native的打包过程分为两个部分：JS部分的打包和资源文件的打包。 对于JS部分的打包，可以使用命令行工具进行打包。在React Native项目的根目录下，可以使用以下命令进行打包： react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output release_ios/main.jsbundle 这个命令将会根据指定的入口文件（index.ios.js），在iOS平台上进行打包，并将打包结果输出到release_ios/main.jsbundle文件中。 对于资源文件的打包，可以使用webpack配置来实现。首先，需要在webpack配置中添加别名，以引入react-native-web-linear-gradient模块。然后，可以使用npm安装react-native-web-linear-gradient，并将其添加到webpack配置的alias中。这样，在打包过程中，webpack会将该模块正确地引入到项目中。 总结一下，react-native的打包过程包括JS部分的打包和资源文件的打包。JS部分的打包可以通过命令行工具进行，而资源文件的打包可以通过webpack配置来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值