「长乐未央」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 部分
使用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,无论是横屏、竖屏都兼容的非常好。
4. 安装地址
- iOS、iPadOS:https://apps.apple.com/cn/app/id1522833239
- Android:https://apps.clwy.cn/clwy/clwy-2.0.2.apk
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