wsdo/taro-kit

🏆✌️taro 小程序脚手架。 特性： 封装api、redux优雅集成、生成海报类，异常日志上报。 如果能帮到你，就给个 star😊

可以 watch 这个项目，有更新，及时知道

项目会不断迭代，有需求欢迎 issue 如果能帮到你，那就给个 star 呗！

1 年前输出了一套 taro-kit 脚手架，有不少人加我微信，咨询一些问题，这段时间把这个脚手架升级后，总结并录制了课程，希望能帮助到大家，提高效率，节约时间。

CLI 工具安装首先，你需要使用 npm 或者 yarn 全局安装@tarojs/cli，或者直接使用 npx:

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

项目更新：

2021年11月30日

• 更新@tarojs/taro到：3.3.15

• 添加海报生成插件：taro-weapp-poster

2021 年 02 月 03 日 星期三

• 更新依赖到：3.0.26
• 更新.eslintrc
• 添加 babel 配置
• 添加 global.d.ts
• 添加 tsconfig
• 添加 yarn.lock 文件
• 更新 config 文件

taro update project v版本号

文章

• 【小程序 taro 最佳实践】http 请求封装（方便使用，增加 token，统一错误日志记录和上报）

• 【小程序 taro 最佳实践】异步 action 优雅实践(简化流程)

• 【taro 最佳实践】设置好基础开发字体尺寸

• Taro 小程序，从 0 到 1 架构项目，打造自己的完美脚手架。

功能列表

• 封装 api 请求方式
• 更方便的创建 action：增加 createApiAction
• 基础像素试着为 1 倍即：1px 会编译成 2rpx（小程序默认是 2 倍）符合习惯
• 基础 demo 案列
• 增加生成海报类

升级功能列表

• 01.taro 从 0 到 1 项目架构课程介绍
• 02.初始化项目流程介绍、目录设计
• 03.让 alias 别名解决路径引用的烦恼
• 04.请求 api 返回 redux 的状态流程
• 05.封装 request get 请求，给 url 添加时间戳防止浏览器缓存
• 06.封装 request post Content-Type 分类请求
• 07.把 taro-advance 脚手架推送到私有仓库
• 08.弱网请求失败时自动发起 api 重试
• 09.异常日志上报封装设计思路
• 10.异常日志上报封装，五种级别输出。
• 11.上报收集日志平台系统介绍
• 12.实战接入日志平台
• 13.深度序列化错误 error 控制台上报
• 14.登录流程讲解（前端和后端实现流程）
• 15.登录实现详细讲解（token 附加到请求 header 头）
• 16.用户授权后更新用户信息流程
• 17.设计 createApiAction 自动 dispatch 优化开发体验
• 18.改造 actionType 支持庞大业务
• 19.Action 三种 ActionType 的集合
• 20.简化 reducers 的 swich 繁琐操作
• 21.增加 request 的状态
• 22.课程总结
• 23.添加 Prettier 格式化配置

这个可以让你的 Taro 小程序跑的更优雅一些

升级后的项目仓库地址： 观看视频的同学加微信，发送你的 gitlab 账号，添加权限，你就看源代码了。

https://gitlab.com/itxishu/taro-advance.git

观看地址：segmentfault

购买路径

在 https://shudong.wang 加我微信

https://segmentfault.com/ls/1650000018991514

适宜人群

• taro 小程序开发者
• 需要 taro 基础架构开发人员

课程说明

本次课程主要针对于，正在使用 taro 小程序框架的同学，通过课程，你可以学到，框架的 request 请求优雅封装，异常自动重试，日志异常上报， redux 的三剑客优雅的配合使用， reducer 的 swich 简化繁琐操作，增加 state 的请求前，请求成功和失败的状态等。从开始架构足以支撑庞大业务小程序项目

课程有问题可以在 https://shudong.wang 我的博客扎到我，添加微信咨询

有问题加微信问吧

https://www.shudong.wang/about

taro-kit's Issues

生成海报是怎么调用的

调用接口的疑问

想调用接口，但是看你写的import counterAction from '../../actions/counter' counterAction.list(this.state)，counterAction去找他下面的list找不到，这是为什么？

api 中的success error好像是有问题的

我await 之后还是获取的原始数据，而不是res.data

修改成拦截器，可以使用。
最新的2.11版本

参考代码：https://github.com/TigerHee/taro-request/tree/master/servers

基础使用：关于接口调用

在action 里面 写调用逻辑

打包之后没有action文件夹

封装网络工具疑问

不考虑来个dva?

不考虑来个dva?

token 失效的时候，请问怎么重新自动取获取token ，不需要手动操作。

log.js文件调用问题

弱弱问一句log.js如何使用呢

请问下这种模式下如何判断接口调用结束

还望解答下，谢谢。。

运行报错

你好 大神 1倍图怎么编译成2倍图的 怎么操作？

你好 大神 1倍图怎么编译成2倍图的 怎么操作？