专栏首页每日一篇技术文章react-native 自动化构建过程(apk包)

react-native 自动化构建过程(apk包)

原理图

image.png

准备工作 1.安装android stuido 2.react-native源文件(git获取源码) 3.安装npm包管理工具 4.安装react-native-cli

npm install -g react-native-cli

步骤分解如下:

1.环境切换(CI)

react-native源文件 目录结构如下

image.png

a.根据不同的环境使用不同的配置文件(src/config/config.js)

image.png

2.下载依赖包

使用命令行 进入根目录

cd /Users/kz/Documents/myProjects/kmyd-app
npm install

等待安装完成后,执行链接任务

react-native link

3.打包 进入android 项目

cd android

清理工程 ` `` ./gradlew clean

![image.png](https://upload-images.jianshu.io/upload_images/1594482-46eea91646ac02f1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
构建安装包apk

./gradlew assembleRelease --stacktrace --info

![image.png](https://upload-images.jianshu.io/upload_images/1594482-29b4966fe43bd7fe.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image.png](https://upload-images.jianshu.io/upload_images/1594482-a347d479add74ef7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • react-native 自动化构建过程(ipa包)

    准备工作 1.安装xcode 2.安装cocospod 3.react-native源文件(git获取源码) 4.安装npm包管理工具 5.安装rea...

    酷走天涯
  • React-day6

    搭建基本的开发环境 - 英文官网 搭建基本的开发环境 - 中文 这两篇文档对比着进行参考,进行相关的安装;

    海仔
  • React Native发布APP之签名打包APK

    React Native发布APP之签名打包APK ---- 用React Native开发好APP之后,如何将APP发布以供用户使用呢?一款APP的发布流程...

    CrazyCodeBoy
  • 移动端跨平台开发的深度解析

    跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放,...

    GSYTech
  • 移动端跨平台开发的深度解析

     跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放,...

    GSYTech
  • react native打包apk

    十里桃花舞丶
  • ReactJs和React Native的那些事

    介绍  1,React Js的目的 是为了使前端的V层更具组件化,能更好的复用,它能够使用简单的html标签创建更多的自定义组件标签,内部绑定事件,同时可以让你...

    xiangzhihong
  • React Native 混合开发(Android篇)

    在React Native的应用场景中,有时候一个APP只有部分页面是由React Native实现的,比如:我们常用的携程App,它的首页下的很多模块都是由R...

    CrazyCodeBoy
  • [译]通过几个简单的修改,我们减少了React Native app 60%的大小

    App的大小对App的安装率和卸载率都有很大的影响。Google Play有篇很好的文章介绍减少App大小的重要性。

    腾讯IVWEB团队

扫码关注云+社区

领取腾讯云代金券