Expo大作战(二十二)--expo分离后的部署（expokit）

2024-10-20 07:59:27

简要：本系列文章讲会对expo进行全面的介绍，本人从2017年6月份接触expo以来，对expo的研究断断续续，一路走来将近10个月，废话不多说，接下来你看到内容，讲全部来与官网

我猜去全部机翻+个人修改补充+demo测试的形式，对expo进行一次大补血！欢迎加入expo兴趣学习交流群：597732981

【之前我写过一些列关于expo和rn入门配置的东i西，大家可以点击这里查看：从零学习rn开发】

相关文章：

Expo大作战(一)--什么是expo，如何安装expo clinet和xde，xde如何使用

Expo大作战(二)--expo的生命周期，expo社区交流方式，expo学习必备资源，开发使用expo时关注的一些问题

Expo大作战(三)--针对已经开发过react native项目开发人员有针对性的介绍了expo，expo的局限性，开发时项目选型注意点等

Expo大作战(四)--快速用expo构建一个app，expo中的关键术语

Expo大作战(五)--expo中app.json 文件的配置信息

Expo大作战(六)--expo开发模式，expo中exp命令行工具，expo中如何查看日志log，expo中的调试方式

Expo大作战(七)--expo如何使用Genymotion模拟器

Expo大作战(八)--expo中的publish以及expo中的link，对link这块东西没有详细看，大家可以来和我交流

更多>>

接下来就开始撸码

用ExpoKit开发

ExpoKit是一个Objective-C和Java库，允许您使用本地iOS / Android项目的expo平台。

在阅读本指南之前

有两种方法可以获得ExpoKit项目：

在XDE中创建一个纯JS项目，然后使用exp detach添加ExpoKit。

使用create-react-native-app创建应用程序，然后选择“eject with ExpoKi”。

在继续阅读本指南之前，请确保遵循上述路径之一。本指南的其余部分将假设您已经创建了一个ExpoKit项目。

设置您的项目（setting up your project）

到此为止，您应该有一个JS应用程序，其中还包含ios和android目录。

1.检查JS依赖关系

你的项目的package.json应该包含一个指向Expo fork Native分支的react-native依赖项。这应该已经配置好了。

您的JS依赖关系应该已经安装（通过npm install或yarn）。

2.在XDE或exp中运行项目

在XDE中打开项目。如果您已经在XDE中运行此项目，请按重新启动。

如果你喜欢exp，从项目目录运行exp start。

这一步确保React Native打包程序正在运行并为您的应用程序的JS包提供开发服务。保持这种运行状态并继续执行以下步骤。

3. iOS：配置，构建和运行（iOS: Configure, build and run）

这一步确保本地iOS项目被正确配置并准备开发。

确保你有最新的Xcode。

如果您还没有安装，请安装CocoaPods，它是iOS的本地依赖管理器。

从项目的ios目录运行pod install。

在Xcode中打开项目的xcworkspace文件。

使用Xcode在您的测试设备或模拟器上构建，安装和运行项目。（如果您点击Xcode中的大“播放”按钮，默认情况下会发生这种情况。）

一旦它运行，iOS应用程序就会自动从您从XDE或exp提供的项目中请求您的JS包。

4. Android：构建并运行

在Android Studio中打开android目录，然后在Android设备或Genymotion仿真器上构建并运行该项目。

打开项目时，Android Studio可能会提示您升级Gradle或其他构建工具的版本，但不要这样做，因为您可能会收到意想不到的结果。 ExpoKit总是附带所有构建工具的最新支持版本。

一旦Android项目正在运行，它应该自动从XDE或exp请求您的开发网址。你可以从这里正常开发你的项目。

继续部署

每次开发时，都要确保项目的JS由XDE提供服务（步骤2），然后分别从Xcode或Android Studio运行本机代码。

您的ExpoKit项目被配置为在您构建发布的网址时加载您的应用的发布网址（Your ExpoKit project is configured to load your app’s published url when you build it for r）。所以当你想发布它时，不要忘记发布，就像任何正常的（非ExpoKit）项目一样。

改变本地依赖（Changing Native Dependencies）

　　iOS版

您的ExpoKit项目使用CocoaPods管理其依赖关系。

React Native生态系统中的许多库都包含运行react-native link 的说明。这些支持iOS的ExpoKit。

如果库支持CocoaPods（具有.podspec文件），只需按照正常的说明并运行react-native link 即可。

如果库不支持CocoaPods，react-native链接可能无法包含库的头文件。如果您遇到构建问题（查找<React / *>标题），则可能需要手动将Pods / Headers / Public添加到您在Xcode中的本机依赖项的Header Search Paths配置。如果您不熟悉Xcode，那么搜索Xcode可以帮助您“配置构建设置”以了解这些工作方式。标题搜索路径就是这样一个构建设置。您关心配置的目标是由您的Xcode项目内的react-native链接创建的目标。您需要确定从库到Pods / Headers / Public的相对路径。

　　Android版

React Native生态系统中的许多库都包含运行react-native link 的说明。这些支持与Android的ExpoKit。

升级ExpoKit

ExpoKit的发布周期遵循Expo SDK发布周期。当新版本的Expo SDK发布时，发行说明中包含了针对项目正常的仅JS部分的升级说明。此外，您需要更新本机ExpoKit代码。

注意：在继续下面的指示之前，请确保你已经更新了你的JS依赖关系。此外，这里可能会涉及版本特定的重大更改。

　　iOS版

在您的项目中打开ios / Podfile，并更新ExpoKit标记以指向与您的SDK版本相对应的版本。重新运行pod安装。

在项目中打开ios / your-project / Supporting / EXSDKVersions.plist，并将所有值更改为新的SDK版本。

　　Android版

转到https://expo.io/-/api/v2/versions并在sdkVersions下找到androidExpoViewUrl键[NEW SDK VERSION]。

下载.tar.gz文件并将其解压。

转到您项目的.expo-source / android目录，并用您下载的文件替换为android目录。

转到MainActivity.java并用Arrays.asList（“[NEW SDK VERSION]”）替换Arrays.asList（“[旧SDK版本]”）。

转到build.gradle并替换compile（'host.exp.exponent：expoview：[OLD SDK VERSION] @aar'）{with compile（'host.exp.exponent：expoview：[NEW SDK VERSION] @aar'）{ 。

下一张继续介绍，这一篇主要介绍了：到最后我已经不知道他在说什么了，配置这些东西，最好就是亲自试一试，欢迎大家关注我的微信公众号，这篇文章是否被大家认可，我的衡量标准就是公

众号粉丝增长人数。欢迎大家转载，但必须保留本人博客链接！

最新文章

热门文章