《Taro 多端小程序开发大型实战》源代码
【已完成】这里是《Taro 多端小程序开发大型实战》系列教程的源代码仓库。
项目预览微信小程序云效果,微信小程序全流程:登录、发帖、展示帖子列表、查看帖子详情:
LeanCloud 效果,支付宝小程序全流程:登录、发帖、展示帖子列表、查看帖子详情:
主要是展示帖子列表,每个帖子包含:1)标题 2)描述 3)发帖人用户头像 4)发帖人用户名
主要展示帖子详情,是另外一个页面,因为对于帖子列表展示的信息有限,详情页可以展示更多的帖子正文信息
主题用于给登录用户发帖,包含标题和正文,发的帖子会自动带上登录用户的身份信息
已登录:展示用户头像和用户名
未登录:展示普通登录按钮和微信登录
未登录,进行登录界面:上传头像和输入昵称,昵称会自动作为用户主键标志
克隆本仓库,然后进入 ultra-club:
git clone https://github.com/tuture-dev/ultra-club.git cd ultra-club
安装 npm 包:
npm install # yarn
开启微信小程序开发服务器:
npm run dev:weapp # yarn dev:weapp
开启支付宝小程序开发服务器:
npm run dev:alipay # yarn dev:alipay 教程内容概要 熟悉的 React,熟悉的 Hooks 用脚手架初始化项目 用熟悉的 React 代码编写用户界面 使用 React Hooks 重构状态管理 多页面跳转和 Taro UI 组件库 用自带路由功能搭建多页面应用 用 Taro UI 组件库升级界面 实现微信和支付宝多端登录 微信登录 支付宝登录 普通登录 退出登录 使用 Hooks 版的 Redux 实现应用状态管理 使用 Hooks 版本的 react-redux 来做绑定库 将应用全流程接入 redux 处理关于 loading 相关的加载 尝鲜微信小程序云 在 redux-saga 中使用微信小程序云 接通微信小程序云全流程 LeanCloud,一统江湖 在 redux-saga 中使用微信小程序云 接通微信小程序云全流程 反馈
欢迎对此教程的内容进行反馈(无论是疑问还是改进意见),可以在文章下方留言,也可以在此仓库创建 Issue!
联系我们 微信公众号:关注公众号,加图雀酱微信拉你进学习交流群 掘金 知乎专栏 知乎圈子:搜索 图雀社区 也可以直接扫码下方的二维码关注微信公众号哦:MIT。
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。