轻量级App开发培训视频教程 如何快速开发轻量级App视频教程

快速开发轻量级App

前端React Native，后台Node.js，用轻量级架构开发一款直接在AppStore上线的App，只需一周时间！

第1章 课程大纲和App演示

介绍整个课程的内容、业务架构、技术选型以及App的功能演示。

1-1 课程简介

1-2 App功能演示

1-3 后台系统演示

第2章 Node.js服务开发

介绍了Node.js环境搭建、JSON数据文件的读取以及开发了基础的服务接口。该接口主要提供客户端（含Native端和PC web端）调用，用于数据展示和数据存储。

2-1 第二章内容简介

2-2 Node环境搭建

2-3 Express创建项目

2-4 服务接口设计

2-5 数据读取接口

2-6 数据存储接口

2-7 阅读模块配置接口

第3章 Node.js开发后台系统

讲解了通过调用第二章的接口，开发简易的后台CMS系统。该CMS系统主要用于配置页面数据和存储列表数据。

3-1 后台系统开发讲解

3-2 接口&后台开发总结

第4章 React Native环境搭建和入门

主要讲解React Native的环境搭建、项目运行的注意事项以及生命周期的简单介绍。通过该章，可以简单快速的了解下React Native的基础知识。

4-1 React Native环境搭建

4-2 React Native运行项目注意事项

4-3 ReactNative生命周期简单介绍

第5章 App主体界面框架搭建

第五章是App开发的开端，是App开发的第一步。本章主要介绍搭建App整体的UI框架和实现主体页面的组件化。

5-1 界面结构搭建(1)

5-2 主体界面组件化

第6章 App 卫生间模块开发

介绍了卫生间模块开发。整个功能的核心是使用高德地图JS-API，例如搜索附近2km以内的卫生间以及展示卫生间的基础信息。同时为了方便用户使用App，还开发了路径导航功能。

6-1 卫生间模块之WebView组件开发

6-2 卫生间模块之错误提示水平垂直居中

6-3 卫生间之地图模块开发

6-4 地图比例尺位置移动

6-5 定位成功和失败的事件监听

6-6 显示卫生间并导航(上)

6-7 显示卫生间并导航(下)

6-8 附近的卫生间模拟器演示

第7章 App 工具类封装

不论是客户端还是服务端，工具类的封装是十分必要的。因此针对该应用封装了工具类，方便其他组件复用。

7-1 工具类的封装

第8章 App 阅读模块开发

阅读模块是整个App的重点，主要包括整体功能以及各模块设计。例如推荐专题的开发、列表数据的渲染、分类组件的开发等等。

8-1 阅读模块功能设计

8-2 五大模块创建和加载

8-3 搜索组件UI开发

8-4 推荐专题完成

8-5 热门推荐组件UI完成

8-6 分类组件UI开发完成

8-7 推荐主题数据渲染

8-8 分类专题数据渲染

8-9 列表组件数据传递

8-10 列表使用listview组件

8-11 数据列表展示

8-12 完善详情页

第9章 App 天气模块开发

调用了高德地图开放平台天气接口，向用户展示当前天气的信息，例如温度、风向等。

9-1 天气模块开发（上）

9-2 天气模块开发（中）

9-3 天气模块（下）

第10章 App 设置模块开发

主要提供了App的使用帮助、功能介绍、使用条款等信息。

10-1 设置模块UI开发

10-2 设置功能开发

第11章 App 打包和上线

介绍了jsbundle 打包和优化加载、现有App的集成以及整体打包上线。

11-1 jsbundle打包和优化加载

11-2 与现有App集成&扩展补充

11-3 整体App效果展示

11-4 证书&打包&结语