开发者控制台

开始使用适用于Fire OS的React Native

Anisha Malde Aug 13, 2024
Share:
How to
Blog_Header_Post_Img

如果您已在使用React Native,就可以很轻松地以亚马逊Fire OS设备为目标进行开发,而无需学习新的技术栈或维护单独的代码库。Expo框架提供了一种简单、迅速的开发体验。本指南介绍了如何使用React Native来启动Fire TV和Fire平板电脑上应用的开发工作。

✅ 使用本指南的先决条件

在开始之前,需要安装以下项:

  • Node.js:JavaScript运行时环境
  • npmYarn:适用于JavaScript的程序包管理器
  • Android Studio:用于在本地编译和运行Fire OS应用的IDE

配置Android Studio及其命令行工具:

  1. 按照此指南设置ANDROID_HOME环境变量
  2. 通过Android Studio虚拟设备管理器安装以下模拟器

针对Fire平板电脑

Android Studio emulator for Fire tablet

针对Fire电视

Android Studio emulator for TV

📱 针对Fire平板电脑进行构建

在终端中,创建一个安装了expo程序包的新React Native项目:

Copied to clipboard
npx create-expo-app FireTabletDemo --template blank

在Fire平板电脑模拟器上运行

列出可用的avds,然后启动Android平板电脑:

Copied to clipboard
emulator -list-avds
emulator -avd name-of-your-tablet-emulator

导航到项目目录(例如FireTabletDemo)并使用npx运行应用:

Copied to clipboard
cd FireTabletDemo
npx expo start -a
Fire tablet emulator


您的应用现在使用本地开发服务器和Expo Go在模拟器上运行,不必创建Android构建版本。

在实体平板电脑设备上运行

遵照此说明使用Android调试桥 (ADB) 连接到Fire平板电脑。之后,确认该平板电脑可作为设备使用:

Copied to clipboard
adb devices -l
Connect to Fire tablet through ADB code

导航到项目目录,然后在目标设备上运行开发构建版本(例如KFTRWI):

Copied to clipboard
cd FireTabletDemo
npx expo run:android -d [deviceName]

开发构建版本现在将安装在android目录中。

Android Studio emulator for Fire tablet
Connecting to Fire tablet through ADB

📺 针对Fire TV进行构建

为Fire TV进行构建的流程和平板电脑相似。在一个新目录中,使用expo创建一个新的React Native项目,这里使用with-tv为例:

Copied to clipboard
npx create-expo-app FireTVDemo -e with-tv

在Fire TV模拟器上运行

启动Android电视模拟器:

Copied to clipboard
emulator -avd name-of-your-tv-emulator

导航到项目目录并运行您的应用:

Copied to clipboard
cd FireTVDemo
npx expo start -a

与Fire平板电脑类似,您的应用将在avd模拟器上运行,不必创建Android构建版本。

Fire TV emulator

针对电视进行构建

要为电视进行构建,在app.json中将isTV属性设置为true

Copied to clipboard
{
  "expo": {
    "plugins": [
      [
        "@react-native-tvos/config-tv",
        {
          "isTV": true,
        }
      ]
    ],
    "name": "FireTVDemo",
    "slug": "FireTVDemo"
  }
}

在Fire TV设备上运行项目

遵照此说明使用Android调试桥 (ADB) 连接到Fire TV。之后,确认Fire TV可作为设备使用:

Copied to clipboard
adb devices -l
Connect to Fire TV through ADB code

导航到项目目录,然后在目标设备上运行开发构建版本(例如-d AFTSS):

Copied to clipboard
cd FireTVDemo
npx expo run:android -d [deviceName]

现在,您的设备上已安装了开发构建版本。

Fire TV emulator

💡 要验证您的Android版本是否针对电视进行了优化,可检查应用是否使用Android清单文件中的Android Leanback功能

结论

恭喜您为Fire OS构建了第一个React Native应用!请查看以下额外资源,了解如何使用React Native为亚马逊设备构建应用。

 

相关文章

最新文章

 

查看有关亚马逊应用商店、应用开发与盈利、亚马逊服务以及更多主题的最新消息。