作者

1. 后端架构

后端接口目前版本号为v2,使用Ruby On Rails开发。其中:

  • json 数据生成,使用了jbuilder
  • 接口认证,使用了doorkeeper实现 OAuth 认证

接口文档地址:https://clwy.cn/guide/documents/clwy-api

2. App 部分

460x0w.png

使用React Native开发构建,所有代码都使用了React Hook来编写,去掉了过去版本的中Class
只用一套代码,实现 iOS、iPadOS、Android 三平台原生 App 客户端。

2.1. 使用的npm包有:

"dependencies": {
    "@react-native-community/async-storage": "^1.11.0",
    "@react-native-community/blur": "^3.6.0",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-native-community/segmented-control": "^2.0.1",
    "@react-native-community/viewpager": "^4.0.1",
    "@react-navigation/bottom-tabs": "^5.5.2",
    "@react-navigation/native": "^5.5.1",
    "@react-navigation/stack": "^5.5.1",
    "@sayem314/react-native-keep-awake": "^1.0.3",
    "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-clwy-video-player": "^1.0.5",
    "react-native-collapsible": "^1.5.2",
    "react-native-gesture-handler": "^1.6.1",
    "react-native-linear-gradient": "^2.5.6",
    "react-native-orientation-locker": "^1.1.8",
    "react-native-reanimated": "^1.9.0",
    "react-native-safe-area-context": "^3.0.5",
    "react-native-screens": "^2.8.0",
    "react-native-scrollable-tab-view": "^1.0.0",
    "react-native-share": "^3.6.0",
    "react-native-side-menu-updated": "^1.2.1",
    "react-native-swiper": "^1.6.0",
    "react-native-tableview-simple": "^4.1.0",
    "react-native-vector-icons": "^6.6.0",
    "react-native-video": "^4.4.5",
    "react-native-webview": "^10.3.2",
    "react-navigation-header-buttons": "^4.0.2"
  },

值得一提的是,由于目前 React Native 的相关播放器包中,在 Android 平台上,没有任何一个能提供完善的控制按钮、进度条、并支持横屏的。于是特意构建了react-native-clwy-video-player包,目前已经更新至1.0.5版本。如果此包对你也有用,请去 Github 给个 Star。

2.2. 开发使用的测试设备

  • iPhone 11
  • iPhone SE 1
  • iPhone SE 2
  • LG V35
  • 华为 p30 pro

3. 主要变化有:

3.1. 新增栏目

  • 新增了文档浏览,这样你可以随时随地去看你所需要的开发文档了。
  • 新增了站点导航,App 内浏览除「长乐未央」之外的其他常用开发站点。
  • 新增了Wiki 知识库,浏览开发最常用的知识索引。

3.2. 平台支持

  • 完美适配了 iPadOS,无论是横屏、竖屏都兼容的非常好。

626x0w.png

4. 安装地址

5. 最后的福利

请帮我在App Store中点个 5 星,给个好评。此开发阶段 APP 2.0.2 版本已经完成上线,下一阶段我的工作重点就到了更新视频了。

我会将此 App 开发的教程录制下来。所有给评价的目前正在学,或毕业一年内的线下班同学、长乐未央 QQ 群管理员们,直接开通你账号的 Premium 会员权限,免费观看。

此套课程的内容会包括:

  • Git 管理项目代码
  • Linux 服务器、ssh 秘钥、Nginx、PM2、ssl 证书
  • Node.js 的 Express 框架开发后端
  • Vue.js 开发站点前后台
  • 微信小程序开发
  • React Hook 入门
  • React Navigation 的使用
  • React Native 开发 iOS、iPadOS、Android 原生 App

转载请注明,来自https://clwy.cn/information/articles/5

已添加到收藏了