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