内容 隐藏
1 Ionic React：使用 Ionic 进行跨平台移动开发
2 Ionic React: Cross-Platform Mobile Development with Ionic
2.1 你将学到什么
2.2 要求
2.3 描述
2.4 本课程适合谁：

Ionic React：使用 Ionic 进行跨平台移动开发

Ionic React: Cross-Platform Mobile Development with Ionic

使用 React、Ionic Framework、Capacitor、Firebase 从单个代码库创建移动 Web 和本机 Android/iOS 应用程序。

你将学到什么

  • 使用 Ionic 和 React 的 Web 技术开发移动应用程序
  • 使用同一代码库构建移动网站以及 Android 和 iOS 本机应用程序
  • 与 Firebase 后端集成以处理用户身份验证和存储数据

 

要求

  • 熟悉现代 Web 开发：HTML、CSS、JavaScript、npm
  • 熟悉 React，包括 hooks（至少 useState 和 useEffect）

描述

注意：本课程是使用 Ionic v6 和 Capacitor v4 录制的。尚未针对最新的 Ionic v7 和 Capacitor v5 进行更新。

Ionic React允许您使用熟悉的 Web 技术（例如 JavaScript/TypeScript、HTML 和 CSS）从单个代码库构建移动网站以及本机 Android 和 iOS 应用程序。

本课程将逐步向您介绍 Ionic，从纯 JavaScript 中的普通 React 应用程序开始，逐步添加越来越多的 Ionic 组件。

然后，它将指导您开发一个简单但完整的应用程序，其中包括一些表单元素和图表（基于 Recharts），并向您展示如何将此应用程序不仅构建为移动网站，而且构建为原生 Android 和 iOS 应用程序电容器。电容器部分包括有关如何在 Android 和 iOS 上运行时调试应用程序的基本技巧。

然后，您将了解如何使用 Ionic CLI 快速生成新的 Ionic React 项目，包括 TypeScript 支持。

稍后您将学习如何构建更复杂的应用程序，包括页面导航/路由以及与 Firebase API 的集成、处理用户身份验证、在 Cloud Firebase 数据库中存储数据以及将用户生成的文件（例如图片）上传到 Cloud Storage。

最后，本课程将展示如何将移动应用程序发布到 Android 版的 Google Play 商店和 iOS 版的 Apple App Store。

本课程适合谁：

  • 想要构建移动应用程序的 React 开发人员

 

2024-02-09 更新跟官网保持一致 删除部分旧内容 更新到 Ionic v6

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。