武装你的小程序——开发流程指南 (2)

最后输入到dist目录

代码如下 

武装你的小程序——开发流程指南

拷贝其余页面,注意要排除scss文件,或者使用gulp-clean清理无用文件 

武装你的小程序——开发流程指南

建立监听任务

武装你的小程序——开发流程指南

创建默认执行任务

武装你的小程序——开发流程指南

 

将生成的dist目录作为根目录丢进小程序开发工具即可实时刷新预览小程序,至此你的项目已经完全支持scss了,尽情的去浪吧。

提高你的代码维护性——封装 request请求拦截器

wx.request是小程序中最常用的api,在实际项目中会涉及到很多需要统一拦截/发送/处理,所以我们需要对wx.request进行二次封装用来支持各类需求,以实现代码的可维护性。小程序本身已经支持promise语法, 在此用promise将其封装成常用的.then的形式

要做什么?

可以通过header和data统一发送公共参数,如请求验证的token,用户id等信息...

可以统一进行错误拦截处理,如全局登录状态判断,特殊code码的处理...

可以根据配置自适应请求环境,如Mock,Dev,Test, Slave,Prod...

需要支持的功能

请求方式

参数传递

成功回调

失败回调

是否开启mock数据

请求时是否展示loading

请求错误时是否展示toast

代码实现 

武装你的小程序——开发流程指南

武装你的小程序——开发流程指南

 

武装你的小程序——开发流程指南

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wspyyf.html