提升微信小程序开发效率的步骤详解，基于 Redux 的方案

众所周知，Callback-Hell（回调地狱）是传统 JS 语法上的历史问题。但毕竟称手的工具是开发效率的源泉，因此笔者对当前版本的微信小程序 API 做了简单的封装——weapp。

同时，微信小程序框架本身专注于交互和 UI 的实现，并未提供内置的状态管理。如果众多的异步操作都直接在App 或 Page 中一一实现，相信开发起来会很困难，而且不易于测试。

因此，我又因此针对微信小程序实现了一个基于 Redux 方案的状态管理模块，用以方便的在小程序中实现应用状态管理 redux-weapp。

特别地，微信小程序构建（编译）时不支持从 App scope 之外 require 文件，npm 在此就不好用了。

所以，我们需要实时 build 依赖到应用本地，在微信小程序中引用本地的 modules。

对于这种构建场景，我认为 webpack 算是最方便的方案。

在开始之前，你需要准备

• 从官方文档，了解微信小程序是什么；

• 了解 Redux 应用状态管理方案，同时它也是 Flux 架构的具体实现；

• 了解 JavaScript 打包工具 webpack；

• 了解 ES6/7 代码转译（transcompile）工具 Babel。原理是借助语法分析工具，将代码解析成抽象语法树后「重写」成最终的代码；

• 类似 Jest、Mocha 等 JavaScript 测试工具，可以根据需要选择。

安装工具和依赖模块

下载微信小程序开发者工具

开发者工具是用 NW.js 模拟的环境，在微信中，则是 JavascriptCore 环境。

不过不用担心, 只是两个不同的 VM，本质是一样的。

NW.js 可能存在一些小 bug，写代码的时候注意一下就好。

用 npm 命令开始一个微信小程序项目

1 2

mkdir myappcd myapp 邀请 鲜花 鸡蛋 分享至 : QQ空间 收藏 github精选：微信小程序起手式DEMO仿肯德基实战 微信小程序之购物车功能 相关阅读 • 微信小程序应用状态管理工具Redux VS Mobx 0 条回复 发表回复 推荐阅读 微信小程序开发技巧总结 -- 文件的选取、移 2021-01-15 小程序自定义弹窗出现时禁止底层页面滚动 2021-01-13 微信小程序开发（三）小程序开发框架之WXML 2021-01-13 微信小程序----团购或秒杀的批量倒计时实现 2021-01-14 微信小程序开发入门--组件与页面布局(二) 2021-01-12 使用mpx开发外卖小程序 2021-01-12 小程序分享朋友圈canvas生成海报，保存到相 2021-01-14 使用 uni-app 和 uniCloud 云开发跨全端开 2021-01-15 微信会员卡如何为不同用户设置不同有效期？ 2021-01-13 微信小程序卡包wx.addcard文档缺失-ext参数 2021-01-13 最新Demo 可以独立部署的抽奖助手小程序如何开发搭建 2020-12-24 © 2019 极乐科技 | 鄂ICP备14019861号 | 鄂公网安备：42018502003797 | 网站地图 返回顶部