foreverxhj/taro-kit

🏆✌️taro 小程序脚手架。特性： 封装api、redux优雅集成、异常日志上报

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

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

文章

• 【小程序taro最佳实践】http请求封装（方便使用，增加token，统一错误日志记录和上报）
• 【小程序taro 最佳实践】异步action优雅实践(简化流程)
• 【taro最佳实践】设置好基础开发字体尺寸

功能列表

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

用法

npm i

npm start

更优雅的创建action

未封装前

function articleList(data) {
  return { type: LIST, payload: data }
}

export function list() {
  console.log('list')
  return (dispatch) => {
    // service.get('/v1/article/list')
    //   .then((res) => {
    //     dispatch(articleList(res.data.article))
    //   })

    Taro.request({
      url: 'http://api.shudong.wang/v1/article/list',
      data: {
        foo: 'foo',
        bar: 10
      },
      header: {
        'content-type': 'application/json'
      }
    }).then((res) => {
      dispatch(articleList(res.data.article))
    })
  }
}

封装后请求api的使用方式

export const list = createApiAction(LIST, params => api.get('news/list', params))