「长乐未央」iOS、iPadOS、Android 三平台原生 App 客户端已正式上线，更新版本号 2.0.2

站点更新 2020年07月11日 10:03

作者

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

已添加到喜欢了