浅析小程序怎么实现登录功能

浅析小程序怎么实现登录功能
小程序怎么实现登录功能？本篇文章给大家介绍一下小程序登录的正确打开方式，希望对大家有所帮助！

小程序怎么实现登录功能？本篇文章给大家介绍一下小程序登录的正确打开方式，希望对大家有所帮助！

小程序网络组件

https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html

RequestTask说明

方法说明RequestTask.abort()中断请求任务。RequestTask.onHeadersReceived(function callback)监听 HTTP Response Header 事件。会比请求完成事件更早。RequestTask.offHeadersReceived(function callback)取消监听 HTTP Response Header 事件。RequestTask.onChunkReceived(function callback)监听 Transfer-Encoding Chunk Received 事件。当接收到新的chunk时触发。RequestTask.offChunkReceived(function callback)取消监听 Transfer-Encoding Chunk Received 事件。

wx.request(Object object)属性

此处只列比较常用的属性，全部属性请查看链接。

属性类型默认值必填说明urlstring是开发者服务器接口地址datastring/object/ArrayBuffer否请求的参数headerObject否设置请求的 header，header 中不能设置 Referer。 content-type 默认为 application/jsontimeoutnumber否超时时间，单位为毫秒methodstringGET否HTTP 请求方法successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数（调用成功、失败都会执行）哪怕是abort掉的请求！

总结一下：所有的小程序接口基本上都有两个特征：

参数都是一个对象。便于记忆的同时方便扩展。

都有相同的结果处理方式：都有success、fail、complete三个回调属性。

接口执行的各种情况下的errMsg对象介绍。

回调属性errMsg对象success{errMsg:"request:ok"...}fail{errMsg:"request:fail "...} 有的系统这个fail后面有个空格，所以要使用这个判断，最好是使用正则表达式。也可以使用indexOf函数，大于-1进行判断。abort{errMsg:"request:fail abort"...}

示例代码

let reqTask = wx.request({ url: getApp().globalData.api, success(res) { if (res.errMsg === "request:ok") console.log("res", res); }, fail(err) { // if(err.errMsg.indexOf(&#39;request:fail&#39;)>-1) console.log(&#39;err&#39;, err); if (/^request:fail/i.test(err.errMsg)) console.log("err", err); }, complete(res) { console.log("resOrErr", res); }, }); const reqTaskOnHeadersReceived = (headers) => { reqTask.offHeadersReceived(reqTaskOnHeadersReceived); console.log("headers", headers); // 由于请求还未完全结束，所以我们没办法获得请求的状态码，但是我们可以通过返回的requestBody的长度来进行判断。 // 两点说明：1. 两个~~可以把字符串数字快速转化为数字。 // 2. 为什么取小于19，是由于后台返回没有权限的requestBody的时候Content-length为“18”，正常情况下是大于19的。所以具体多少得看一下具体情况。 if (~~headers.header["Content-length"] < 19) reqTask.abort(); }; reqTask.onHeadersReceived(reqTaskOnHeadersReceived);