微信小程序如何避免多次点击

使用小程序时，如果多次，可能会导致页面假死甚至崩溃。那么微信小程序如何避免多次呢？小编带来了解决方案，希望能帮助每个人。

比较近听产品经理经常说，用户多次一个小程序按钮，后台还没有处理完，导致生成多个记录。我们需要在用户后跳转到新的页面。其实这根本不是页面跳转问题，而是程序问题，要尽量避免多次。

以前我们很懒的时候，可能会在前端这样做：

var getuserdataflag=false

getuserdata {

if (getdataflag) {

返回；

}

getdataflag=true

$.品牌ax({

url: '/xxx/getuser '，成功： {

getuserdata=false

//todo

},

错误： {

getuserdata=false

}

})

}

//当有很多小程序接口的时候，我们的代码就变成这样了

var getuserassetflag=true

getuserasset {

if (getdataflag) {

返回；

}

getdataflag=true

$.品牌ax({

url: '/xxx/getuserasset '，成功： {

getuserassetflag=false

//todo

},

错误： {

getuserassetflag=false

}

})

}

在上面的例子中，你会发现，当接口越来越多的时候，维护请求状态的变量也会越来越多，当有依赖关系的时候，维护成本会更高，出错的可能性也会更大。

如何优雅地解决这个问题，其实小程序通过封装请求可以简单自动地处理这个问题。

我们以请求后台数据的微信小程序为例说明一下：

从导入{isobject}。/util '

let promise=require('./libs/bluebird.min ')

让requestlist={} //api请求记录

//记录当前请求的api

导出addrequestkey(键){

requestlist[key]=true

}

//从记录中删除请求的api

export removerequestkey (key) {

requestlist[key]

}

//是否记录了当前请求的api

export hitrequestkey (key) {

return requestlist[key]

}

//获取串口请求的密钥，方便记录

导出getlockrequestkey(数据){

if(！isobject(data)) {

返回数据

}

让品牌axkey='lockrequestkey: '

尝试{

品牌axkey=json.stringify(数据)

} catch (e) {

品牌axkey=数据

}

返回品牌axkey

}

//根据请求的地址，将请求参数组装成api请求的密钥，便于记录

导出getrequestkey(数据){

if(！isobject(data)) {

返回数据

}

让品牌ax key=' method : ' data . method '，url: ' data.url '，data: '

尝试{

品牌ax key=json . stringify(data . data)

} catch (e) {

品牌axkey=data.data

}

返回品牌axkey

}

//服务器上http请求的所有出口

导出http(数据){

if(！isobject(data)) {

throwererror ('品牌ax请求参数必须是json对象： '数据)

}

data.method=(data.method || 'get ').转换为大写

//以下5行是针对所有http请求的防重复请求处理，后面单独分享原理

让品牌axkey=getrequestkey(数据)

if (hitrequestkey(品牌axkey)) {

throwererror('重复请求提交：' 品牌axkey ')

}

addrequestkey(品牌axkey)

//蓝鸟被打包为promisepromise api

返回新((解决，拒绝){

//通过wx.request api向服务器发送http请求

wx.request({

url: data.url，data: data.data，方法：数据.方法，header : data . header | | { ' content-type ' : ' application/json ' }，完成： (res) {

//请求完成后，释放记录的键，可以发起下一个请求。

removerequestkey(品牌axkey)

让statuscode=res.statuscode

if(status code===200 | | status code===304){

返回解析(res.data)

}

退货拒绝(res)

}

})

})

}

//通用获取请求方法

导出httpget(数据){

返回http(数据)

}

//一般post请求方法

导出httppost(数据){

data.method='post '

返回http(数据)

}

//此方法适用于串行请求的api

导出lockrequest(数据，fn) {

让品牌axkey=getlockrequestkey(数据)

if (hitrequestkey(品牌axkey)) {

throwererror('重复请求提交：' 品牌axkey ')

}

addrequestkey(品牌axkey)

返回新((解决，拒绝){

fn(数据)。然后((数据){

removerequestkey(品牌axkey)

返回解析(数据)

})。catch((错误){

removerequestkey(品牌axkey)

退货拒绝(错误)

})

})

}

整个思路是统一所有请求条目，然后组装地址、参数、请求类型(get、post)等。由applet api请求到唯*的密钥缓存中。这样，我们就可以知道一个请求的完成状态，当第二个相同的请求到来时，我们可以根据比较后的状态来判断下一个操作。

大家都学会了如何避免多次微信小程序。如果仔细阅读以上信息，应该更容易操作。如果还是不明白，可以在文末留言或者在源社网的小节目频道搜索。

这是标题开头的订阅号。如何添加小程序？标题到此结束

小程序作为独立个体发布的时候，很多用户说很无味，没有完全打通线上线下。不过后来微信正式做了调整，可以实现订阅号添加小程序。那么订阅号如何添加小程序呢？此举的意义何在？

向订购号添加小程序的具体过程

注册：可以先在微信平台注册小程序，然后可以对小程序信息进行改进和开发。

小程序信息改进：填写小程序基本信息，包括小程序名称、小程序头像、微信小程序介绍、服务范围。

小程序开发：完成小程序开发人员的绑定和开发信息的配置后，开发人员可以小程序开发工具，参考开发文档进行小程序的开发和调试。

提交审核发布：小程序开发完成后，将代码提交微信团队审核，审核通过后发布(公测期间暂不支持发布)。

向订购号添加小程序的意义

在目前小程序的所有开放能力中，通过订阅号添加小程序比较为显著，这不仅意味着小程序可以借助流量资源进行推广，也弥补了微信小程序在“内容传播服务”这一链条中服务体验的不足。

在此之前，微信的自媒体除了内容，只能依靠h5作为应用服务载体。虽然有优赞这样的第三方服务平台，提供了非常好的通用解决方案，但是其运营经验还是非常有限的，根本无法和小程序相比。

试着闭着眼睛想象这样一个小程序使用场景。在浏览完某个订阅号文章的内容后，你不再需要使用陌生的“阅读原文”来到达服务，而是使用显眼的小程序入口，加上类似app的操作体验，整个流程过渡顺畅。

同时，对于第三方服务平台，应该有更多的理由向小程序迁移，以提供更好的用户体验。

相信大家看了以上信息，都知道如何在订阅号上添加小程序，以及在订阅号上添加小程序的意义是什么。如果有不明白的地方，可以在文末留言或者在源社网的小节目频道搜索相关信息。

这是第一段的结尾。下面是如何通过在末尾添加一个分段订阅号来添加一个小程序。目前已经获得了358位网友的青睐！正文到此结束

新手怎么做

小程序现在很流行 这样做有用吗？

小节目也会有一定的效果，但也需要有代价的推广。如果站内推广正在进行，你想扩大推广范围，可以尝试去做。如果不做站内推广，没必要做小节目。车站是排水的主战场。希望我的回答能让你满意！

为什么后台的小程序爆款实验室消失了？

几个月前就消失了，相关营销取而代之

小程序有什么用怎么用？

有时候我想让一些线下的客户上线，但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了

支付宝小程序是不是流失很多？

这个还挺多的。