微信小程序构架

Posted 努力的九月

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序构架相关的知识,希望对你有一定的参考价值。

微信小程序构架

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

构架如下

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

构建请求基类:

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

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

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

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

 

微信请求方法

请求流程图

 

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

配置文件

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

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

Token

我们将Token模块独立出来

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

验证当前的令牌是否有效

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

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

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

总结:

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

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

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

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

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

 

以上是关于微信小程序构架的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序是啥?微信小程序有啥用?

微信小程序 教程之条件渲染

微信小程序怎么看源代码

微信小程序学习总结

微信小程序链接字体改掉蓝色

微信小程序 rpx 尺寸单位详细介绍