对于微信小程序的开发,我采用的是MVC框架进行开发,我就不在解释MVC是什么了,这个大家都知道;

构架如下



app 集成小程序架构 小程序架构搭建_微信

我们来创建我们请求基类,为什么要创建呢?我们向服务端发送请就要写请求的代码,我们把请求一些方法分装起来;

构建请求基类:



app 集成小程序架构 小程序架构搭建_架构_02

我所创建的文件目录在utils/base.js

我所讲这种方式就是我前面讲的三端分离,服务器的接口不是谁向访问就能访问的,必须携带TOKEN,判断当前用户是否有权访问;

我所编写的风格采用ES6进行编写,这种风格和服务器编写代码很相似,对服务器开发者来说应该是很容易的;

我们把获取页面参数绑定值的方法也放在这,因为跨页面就要用。

微信请求方法



app 集成小程序架构 小程序架构搭建_视频教程_03

app 集成小程序架构 小程序架构搭建_架构_04

请求流程图



app 集成小程序架构 小程序架构搭建_架构_05

注意:客户端在获取token的时候,要避免频繁的获取,当前获取了token,就将token存放在微信的缓存里。当缓存的token失效的时候,再去服务器获取。客户端的缓存失效的时间要比服务器短一点。

配置文件

还有一点我们不要把请求的地址都写在发送请求里面,我们把请求地址的公共部分放在我们自定义的配置文件里面;



app 集成小程序架构 小程序架构搭建_小程序_06

这样做的话我们会少写很多的代码;

Token

我们将Token模块独立出来



app 集成小程序架构 小程序架构搭建_微信_07

首先我们来分一下这个过程



app 集成小程序架构 小程序架构搭建_视频教程_08

验证当前的令牌是否有效



app 集成小程序架构 小程序架构搭建_微信_09

将获取的Token存到微信缓存里面



app 集成小程序架构 小程序架构搭建_app 集成小程序架构_10

 注意:我们是通过当前用户进行登陆之后,拿着微信返回的Code去生成token,再将token返回给微信;

在客户端调用我们自己封装的类的用法;

app 集成小程序架构 小程序架构搭建_视频教程_11

总结:

1、我们用ES6风格编写的时候,最后一定要将类输出,这样才能引用到;

app 集成小程序架构 小程序架构搭建_app 集成小程序架构_12

2、我们客户端在获取token的时候,不要频繁的去访问服务器,我们token缓存起来。然后请求的时候验证,如果失效就去获取,减小服务器的压力;

3、我们微信或页面是没有配置文件的,我们可以采用ES6写法封装一个类,把配置文件写成类属性;

4、我们再设计客户端的时候一定要把三端分离的思想放在里面(个人建议);

5、我们在引用我们自己分装类的时候,只需要在用的地方导入并且继承他就可以用了;