一、开发环境搭建:

通过React Native在HarmonyOS平台的适配与优化方案,分享使用React Native开发鸿蒙应用的核心技术,从环境搭建到性能优化,从功能适配到上架发布,带你掌握这套跨平台框架在鸿蒙生态中的最佳实践。

1. 环境IDE搭建:

基础环境配置,相关的工具软件链信息与版本如下:

Node.js 16+(推荐18.x LTS版本)

Java JDK 11(必须配置JAVA_HOME环境变量)

HarmonyOS SDK 3.1+

React Native CLI 0.72+

2. Node环境安装:

Node.js是一个基于Chrome V8引擎的JavaScript运行环境,允许JavaScript在服务端运行,采用事件驱动、非阻塞式I/O模型,适用于构建高性能网络应用。浏览器是 javaScript 的前端运行环境,Node.js 是 JavaScript 的后端运行环境,Node.js 中无法调用 DOM 和 BOM 等 浏览器内置 API。

  • 事件驱动、非阻塞式I/O模型:通过事件循环(Event Loop)实现高性能服务器开发,支持高并发处理 。 ‌
  • 模块化开发:使用CommonJS模块系统,提供如http模块等内置功能,简化网络服务构建 。 ‌

‌npm是React Native项目依赖管理的核心工具‌,用于安装、更新和管理项目所需的第三方库(如openinstall-react-native、react-native-link-lib等),打开在Node官网(https://nodejs.p2hp.com/),这里以Linux环境来演示复制LTS版本的Linux Binaries (x64)链接:请添加图片描述

请添加图片描述

$ cd /tmp
wget https://npm.taobao.org/mirrors/node/v18.17.0/node-v18.17.0-linux-x64.tar.xz
tar xf node-v18.17.0-linux-x64.tar.xz
mv node-v18.17.0-linux-x64 /usr/local/node
ln -s /usr/local/node/bin/node /usr/bin/node
ln -s /usr/local/node/bin/npm /usr/bin/npm
node -v
npm -v
npm install --registry=https://registry.npm.taobao.org

linux上安装yarn(可省略):

Yarn是一个JavaScript软件包管理器,用于管理和组织项目中的依赖关系。它是由Facebook开发的,旨在解决npm(另一个常用的JavaScript软件包管理器)的一些性能和可靠性问题。

  • 快速:Yarn通过并行下载依赖项和缓存下载的软件包来提高性能,从而加快了项目的构建时间。
  • 安全可靠:Yarn使用了完整性检查机制来确保每个下载的软件包是正确和完整的,防止了由于软件包文件错误导致的潜在问题。
  • 重复性:Yarn使用了一个锁定文件(yarn.lock),记录了一个确切的软件包版本号,以确保在不同的开发环境中获得相同的依赖关系。
  • 并发管理:Yarn可以同时运行多个任务和操作,充分利用计算机的处理能力,提高项目的构建效率。
  • 多仓库支持:Yarn支持从多个软件包仓库(如npm、http://yarnpkg.com)下载依赖项,以提供更多的灵活性和选择。

Yarn是一个功能强大的JavaScript软件包管理器,能够提供更快速、安全可靠、重复性和并发管理的项目依赖解决方案。Yarn是由Facebook、 Google、 Exponent 和Tilde联合推出了一个新的JS包管理工具,正如官方文档中写的,Yarn 是为了弥补npm的一些缺陷而出现的。因为NPM5以下会出现下面的问题:

  • ① npm install的时候巨慢。特别是新的项目拉下来要等半天,删除node_ modules,重新install的时候依旧如此
  • ② 同一个项目,多人开发时,由于安装的版本不一致出现bug
$ npm install yarn -g
  /usr/local/node/bin/yarn -> /usr/local/node/lib/node_modules/yarn/bin/yarn.js
  /usr/local/node/bin/yarnpkg -> /usr/local/node/lib/node_modules/yarn/bin/yarn.js

$ ln -s /usr/local/node/bin/yarn /usr/bin/yarn
$ yarn -v

在上面的命令安装完成后,可以使用以下命令检查是否安装成功:

请添加图片描述

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐