回头看看,我们已经通过Vue构建了最基本的、静态的用户界面,现在让我们停下来考虑一下应用架构,我们采用一个最基本MVC架构。如下图所示:
搭建架构最关键在于定义和规范各模块之间的接口,也就是我们常说的 api,我们从哪里下手呢?
从架构图看,我们通过 robot与web微信通信,而web微信已经为我们“提供”了api,我们从这里开始吧。
我们在renderer目录下添加robot和worker,如下所示:
renderer
│
└───robot
│ │
│ └───webwxapi
│ │ │ index.js
│ │
│ │ index.js
│
└───worker
│ │ worker.js
│
│ ...