Expo云平台打包(EAS)

Expo云平台打包(EAS)

一、前言

————————————————
操作系统:Win11
开发工具:Cursor
其他准备:开发好的一个Expo的Demo
官网教程:Tutorial: Using React Native and Expo
————————————————

  1. EAS是什么
    EAS( Expo Application Services,Expo应用服务)是Expo提供的云平台,核心服务包括:构建应用、提交应用和更新应用( Build, Submit, and Update),给项目提供持续集成 / 持续开发的流水线支持。

  2. 使用感受(类Jenkins的功用)

    • 优点:
      打包便捷,只需要在控制台中输入几行命令,就能自动构建出Android / iOS包,不会占用开发时间
      自动管理,打出来的包,会自动分类,也会提供打包信息,比如构建时长、包大小之类
      团队友好,打包信息能共享,大家不用各自本地打包了。构建好之后,大家都能用。

    • 缺点:
      构建时间过长,当然,这有点属于挑刺了,上传资源 + 工程构建 + 包体发布,这个时间是正常的。首次会比较慢,后续会快很多。

  3. 命令行列表

    npx expo install expo-dev-client 
    
    npm install -g eas-cli 
    
    eas login 
    
    eas init
    
    eas build:configure 
    
    eas build -p android --profile development 
    
    eas build --platform ios --profile ios-simulator 
    

二、操作步骤

  1. 准备好一个Expo项目

  2. 安装并登录Expo Orbit
    Expo的图标像是一个地月系统:
    在这里插入图片描述
    Expo的界面:
    在这里插入图片描述

  3. 安装expo-dev-client库

    控制台输入下面命令,注意操作目录要为工程路径,不能是工程路径的父目录,比如我的工程叫StickerSmash,则操作目录为…/xxx/StickerSmash

    npx expo install expo-dev-client
    

    在这里插入图片描述

  4. 安装 EAS Command Line Interface (CLI) tool
    这是支持EAS命令的工具

    npm install -g eas-cli
    
  5. 登录EAS
    按照提示输入Expo的账号和密码即可

    eas login
    

    在这里插入图片描述

  6. 初始化项目,使其与EAS云平台构建连接
    按照提示,按Y键同意即可

    eas init
    
  7. 配置项目
    会提示让选平台,按需选择,我这里选择All,然后按Enter键确认。这一步会在根目录创建eas.json配置文件

    eas build:configure
    

    在这里插入图片描述

  8. 构建.apk

    eas build --platform android --profile development
    

    可以用 -p 代替 --platform

    eas build -p android --profile development
    

    官方提示说,developmentClient的值要确认是true,默认就是OK的,不需要改
    在这里插入图片描述

    下面是构建中的控制台输出:
    在这里插入图片描述

    打开EAS的网址,可以看到正在构建的进度(上面See logs: 后面的链接)
    在这里插入图片描述
    构建完成,则会在更新状态为finished 在这里插入图片描述

  9. 构建iOS
    在eas.json中增加下列属性

    "ios-simulator": {
        "extends": "development",
        "ios": {
          "simulator": true
        }
      }
    

    在这里插入图片描述

  10. 打包iOS(iOS模拟器)

    eas build --platform ios --profile ios-simulator
    

    在这里插入图片描述

  11. 在Overview中能看到所有的包
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值