基于聊天室的挂件控制方法、客户端、服务端及系统与流程

1.本技术涉及计算机技术领域，尤其涉及一种基于聊天室的挂件控制方法、客户端、服务端及系统。

背景技术：

2.目前，聊天室或直播间页面内需要展示有时效性的活动入口或功能入口(挂件)时，常规的做法的根据后台接口返回的数据来加载显示某些挂件，挂件的位置是提前在客户端内开发写好的，挂件的显示和点击一般由网页开发人员完成。
3.但遇到需要实时调整挂件的显示、隐藏或修改挂件布局位置之类的场景，现有方案就无法很好的实现，一是因为没有渠道实时通知到客户端进行新增挂件或删减挂件，二是无法动态调整挂件的位置，且每次都需要客户端的开发人员进行配合开发。

技术实现要素：

4.鉴于以上内容，本技术提供一种基于聊天室的挂件控制方法、客户端、服务端及系统，其目的在于实现动态增减挂件及调整挂件。
5.为实现上述目的，本技术提供一种基于聊天室的挂件控制方法，应用于客户端，所述方法包括：
6.向服务端发起建立长连接的请求，与所述服务端建立长连接；
7.调用服务端接口，获取待显示挂件对应的接口返回数据；
8.根据所述接口返回数据加载并显示所述待显示挂件；
9.接收所述服务端下发的挂件调整指令；
10.根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
11.优选地，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：
12.当所述调整指令为新增挂件的指令时，将所述调整指令携带的挂件信息发送至web端，以供所述web端根据所述挂件信息加载新增挂件对应的样式后，将加载样式后的新增挂件发送至客户端显示。
13.优选地，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：
14.当所述调整指令为删除挂件的指令时，根据所述调整指令查待删除挂件，并删除所述待删除挂件。
15.优选地，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：
16.当所述调整指令为更新挂件的指令时，将所述调整指令携带的更新信息发送至web端，以供所述web端根据所述更新信息对待更新挂件执行更新操作后，将更新后的挂件发送至客户端显示。
17.为实现上述目的，本技术提供一种基于聊天室的挂件控制方法，应用于服务端，所述方法包括：
18.响应客户端发送的建立长连接的请求，与所述客户端建立长连接；
19.当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；
20.向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
21.优选地，所述向所述客户端返回待显示挂件对应的接口返回数据，包括：
22.读取客户端调用服务端接口的时间戳；
23.当所述时间戳与预先配置的挂件下发时间匹配时，向客户端返回待显示挂件对应的接口返回数据。
24.为实现上述目的，本技术提供一种客户端，所述客户端包括存储器及与所述存储器连接的处理器，所述存储器中存储有在所述处理器上运行的基于聊天室的挂件控制程序，所述基于聊天室的挂件控制程序被所述处理器执行时实现如下步骤：
25.向服务端发起建立长连接的请求，与所述服务端建立长连接；
26.调用服务端接口，获取待显示挂件对应的接口返回数据；
27.根据所述接口返回数据加载并显示所述待显示挂件；
28.接收所述服务端下发的挂件调整指令；
29.根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
30.为实现上述目的，本技术提供一种服务端，所述服务端包括存储器及与所述存储器连接的处理器，所述存储器中存储有在所述处理器上运行的基于聊天室的挂件控制程序，所述基于聊天室的挂件控制程序被所述处理器执行时实现如下步骤：
31.响应客户端发送的建立长连接的请求，与所述客户端建立长连接；
32.当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；
33.向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
34.为实现上述目的，本技术还提供一种基于聊天室的挂件控制系统，所述基于聊天室的挂件控制系统部署有上述客户端及上述服务端，所述客户端与所述服务端通信连接。
35.为实现上述目的，本技术提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面任一项实施例所述的基于聊天室的挂件控制方法的步骤。
36.本技术实施例提供的上述技术方案与现有技术相比具有如下优点：
37.客户端向服务端发起建立长连接的请求，客户端与服务端建立长连接后，调用服务端接口，获取待显示挂件对应的接口返回数据，根据接口返回数据加载并显示挂件，接收服务端下发的挂件调整指令，根据调整指令执行新增挂件、删除挂件及/或更新挂件的操作，本技术充分利用长连接可以实时数据交换的特性，客户端可以实时接收到服务端下发的新增、删除及/或更新挂件等指令，并根据指令对挂件进行相应地调整，极大的提高了客户端页面内挂件(例如，直播场景的页面)运营的灵活性，且挂件可以动态更新布局，挂件不
再被传统的布局方式限制，可根据运营需求灵活更新样式。
附图说明
38.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本技术的实施例，并与说明书一起用于解释本技术的原理。
39.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
40.图1为本技术基于聊天室的挂件控制方法的应用环境示意图；
41.图2为本技术基于聊天室的挂件控制方法一较佳实施例的流程图示意图；
42.图3为本技术基于聊天室的挂件控制方法另一较佳实施例的流程图示意图；
43.图4为本技术基于聊天室的挂件控制系统的较佳实施例的示意图；
44.本技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
45.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本技术，并不用于限定本技术。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
46.需要说明的是，本技术实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本技术要求的保护范围之内。
47.参照图1所示，为本技术基于聊天室的挂件控制方法的应用环境示意图。该应用环境示意图包括服务端、客户端和web端。客户端和服务端可以建立长连接。
48.本技术的应用场景可以是具有实时聊天的页面场景(例如，直播、一起聊等)，挂件是指在终端页面展示的有时效性的活动入口或者功能入口，例如，在直播过程中需要发起抽奖活动或者投票活动，则可以在参与直播的用户终端上显示抽奖的挂件或者投票的挂件。利用聊天室实时消息特性，服务端可以根据实际业务需求定时下发相应的挂件，客户端收到服务端下发的消息后增加、删除或更新挂件的信令后做解析处理，并配合jssdk(网页与原生交互的处理)即可完成完成挂件的新增、删除及/或更新。
49.挂件可以采用web开发，因此挂件的显示样式及功能可灵活自定义，挂件的显示位置可以是利用jssdk将挂件需要显示的位置通过web与原生交互的接口传输过来，原生侧接收到挂件的位置变更调用后，客户端根据传输的数据(x坐标，y坐标，宽，高)进行布局处理。如果挂件是点击事件的挂件(如抽奖挂件)，用户点击挂件后由web调用后台接口进行抽奖，如果挂件点击后需要打开新的页面，可以通过jssdk将数据传递给原生侧，原生侧根据数据执行跳转页面、打开浮层等相关功能。
50.具体地，进入客户端聊天页面后，根据聊天室的id连接服务端，并与服务端建立长连接，之后客户端和服务端可以实时通信并交换数据。可以理解的是，长连接是指在一个连接上可以连续发送多个数据包，在连接保持期间，如果没有数据包发送，需要双方发链路检
测包，多用于操作频繁，点对点的通讯。
51.建立长连接后，客户端可以向服务端请求挂件，若当前时间点需要下发挂件信息(例如，挂件的id，或挂件的url地址)至客户端，则服务端将当前时间点对应的挂件信息下发至客户端，例如，某场直播在八点钟开始有抽奖活动，如果用户8点之后进入该直播间，则在页面中有抽奖挂件显示，如果用户7点50分进入该直播间，则在页面中无抽奖挂件显示。
52.当需要实时新增一个挂件时，服务端下发相应的指令，客户端收到后根据指令创建新挂件，并根据挂件jssdk调用到原生侧的数据进行布局处理。
53.当需要实时更新一个挂件时(例如，更新挂件的样式或显示位置)，服务端下发相应的指令，客户端收到指令后通过js转发给web端，根据更新信息进行相关处理以更新挂件，例如，调整挂件的在页面显示的位置或者调整挂件显示的大小。
54.当需要实时删除一个挂件时，服务端下发相应的指令，客户端收到后根据指令删除对应的挂件。
55.本技术利用长连接可以实时数据交换的特性，服务端可以实时下发新增、删除、更新挂件的指令，极大的提高了客户端页面内挂件(例如，直播场景的页面)运营的灵活性，且挂件可以动态调整布局，挂件不再被传统的布局方式限制，可根据运营需求灵活调整显示位置和大小。
56.参照图2所示，为本技术提供一种基于聊天室的挂件控制方法实施例的方法流程示意图。该方法可以由客户端执行，该客户端可以由软件和/或硬件实现。该基于聊天室的挂件控制方法包括：
57.步骤s110：向服务端发起建立长连接的请求，与所述服务端建立长连接；
58.步骤s120：调用服务端接口，获取待显示挂件对应的接口返回数据；
59.步骤s130：根据所述接口返回数据加载并显示所述待显示挂件；
60.步骤s140：接收所述服务端下发的挂件调整指令；
61.步骤s150：根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
62.本实施例中，用户进入直播页面后，根据聊天室id可以连接后台，即可以向服务端发起建立长连接的请求，服务端响应该请求后建立客户端与服务端的长连接。
63.客户端与服务端建立长连接后，客户端会调用服务端接口，获取待显示挂件对应的接口返回数据，例如，某直播6点钟至7点钟之间有投票活动，如果用户在这个时间段内进入直播间，则客户端调用服务端接口可以获取到待显示挂件(投票挂件)对应的接口返回数据，从而根据接口返回数据加载并显示挂件。可以理解的是，如果用户不在这个时间段内(例如，5点50分)进入直播间，则客户端调用服务端接口时，接口返回数据为空。
64.建立长连接后，客户端可以接收服务端下发的挂件调整指令，客户端根据调整指令执行新增挂件、删除挂件及/或更新挂件的操作。具体地，服务端下发的挂件调整指令可以是定时自动触发的，服务端可以预先配置好每个挂件调整指令的下发时间，例如，某场直播在7点钟至8点钟之间有投票活动，8点30分至8点50分有抽奖活动，则服务端在7点钟时可以下发新增投票挂件的指令给客户端，客户端与web端交互后在页面上显示投票挂件，用户可以点击投票挂件进行投票，八点需要结束投票活动时，此时服务端可以下发删除投票挂件的指令给客户端，从而使得客户端删除页面上显示的投票挂件。8点30分时服务端可以下发新增抽奖挂件的指令给客户端，客户端与web端交互后在页面上显示抽奖挂件，用户可以
点击抽奖挂件进行抽奖，距离抽奖结束还有一段时间(例如，5分钟)时，即服务端可以在8点45分下发抽奖挂件更新指令，客户端与web端交互后在页面上更新抽奖挂件，更新后的抽奖挂件可以显示距离抽奖活动结束的倒计时，或者更改抽奖挂件的样式，如抽奖挂件的颜和位置。
65.服务端下发的挂件调整指令也可以是由后台运营人员根据实际业务需求触发的，或者由主播根据需求主动触发的，例如，主播根据直播的实际情况临时发起抽奖活动，则可以在后台页面配置相关的挂件信息，服务端收到配置的挂件信息后，下发对应的调整指令至客户端。
66.本技术充分利用长连接可以实时数据交换的特性，客户端可以实时接收到服务端下发的新增、删除及/或更新挂件等指令，并根据指令对挂件进行相应地调整，极大的提高了客户端页面内挂件(例如，直播场景的页面)运营的灵活性，且挂件可以动态更新布局，挂件不再被传统的布局方式限制，可根据运营需求灵活更新样式。
67.在一个实施例中，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：
68.当所述调整指令为新增挂件的指令时，将所述调整指令携带的挂件信息发送至web端，以供所述web端根据所述挂件信息加载新增挂件对应的样式后，将加载样式后的新增挂件发送至客户端显示。
69.当调整指令为新增挂件的指令时，调整指令携带的挂件信息可以包含具体的新增挂件的url地址，将url地址发送至web端，web端根据新增挂件的url地址加载新增挂件对应的样式后，将加载样式后的新增挂件发送至客户端显示，客户端可以实时新增挂件。
70.在一个实施例中，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：
71.当所述调整指令为删除挂件的指令时，根据所述调整指令查待删除挂件，并删除所述待删除挂件。
72.当调整指令为删除挂件的指令时，根据调整指令查出待删除的挂件并删除，客户端可以实时删除挂件。
73.在一个实施例中，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：
74.当所述调整指令为更新挂件的指令时，将所述调整指令携带的更新信息发送至web端，以供所述web端根据所述更新信息对待更新挂件执行更新操作后，将更新后的挂件发送至客户端显示。
75.将调整指令携带的更新信息发送至web端，web端根据更新信息对待更新挂件执行更新操作后，将更新后的挂件发送至客户端显示，例如，更新挂件的样式(大小、颜、高亮等)，客户端可以实时更新挂件的样式及/或显示位置。
76.参照图3所示，为本技术基于聊天室的挂件控制方法另一较佳实施例的流程图示意图，该方法可以由服务端执行，该服务端可以由软件和/或硬件实现。该基于聊天室的挂件控制方法包括：
77.步骤s210：响应客户端发送的建立长连接的请求，与所述客户端建立长连接；
78.步骤s220：当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应
的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；
79.步骤s230：向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
80.服务端响应客户端发送的建立长连接的请求，与客户端建立长连接。当客户端调用服务端接口时，向客户端返回待显示挂件对应的接口返回数据，以供客户端根据接口返回数据加载并显示待显示挂件。由于与客户端建立了长连接，服务端可以实时向客户端下发挂件调整指令，以供客户端根据调整指令执行新增挂件、删除挂件及/或更新挂件的操作。服务端可以预先配置好每个挂件调整指令的下发时间，服务端下发的挂件调整指令可以是定时自动触发的，也可以是由后台运营人员根据实际业务需求触发的，或者由主播在直播过程中根据需求主动触发的。
81.本技术利用长连接可以实时数据交换的特性，服务端可以实时下发新增、删除、更新挂件的指令，极大的提高了客户端页面内挂件(例如，直播场景的页面)运营的灵活性，且挂件可以动态调整布局，挂件不再被传统的布局方式限制，可根据运营需求灵活调整显示位置和大小。
82.在一个实施例中，所述向所述客户端返回待显示挂件对应的接口返回数据，包括：
83.读取客户端调用服务端接口的时间戳；
84.当所述时间戳与预先配置的挂件下发时间匹配时，向客户端返回待显示挂件对应的接口返回数据。
85.服务端与客户端建立长连接之后，客户端会调用服务端接口获取当前可显示的挂件，服务端读取客户端调用服务端接口的时间戳，若该时间戳与预先配置的挂件下发时间匹配时，则向客户端返回待显示挂件对应的接口返回数据，若该时间戳与预先配置的挂件下发时间不匹配时，则接口返回数据为空。例如，某直播6点钟至7点钟之间有投票活动，如果用户在这个时间段内进入直播间(时间戳与预先配置的挂件下发时间匹配时)，则客户端调用服务端接口可以成功获取到待显示挂件(投票挂件)对应的接口返回数据，从而根据接口返回数据加载并显示挂件，如果用户不在这个时间段内(时间戳与预先配置的挂件下发时间不匹配时)进入直播间，则客户端可以调用服务端接口时，接口返回数据为空。
86.参照图4所示，为本技术基于聊天室的挂件控制系统的较佳实施例的示意图。
87.基于聊天室的挂件控制系统部署有客户端10与服务端20，客户端10与服务端20通过网络30通信连接，客户端10与服务端20可以是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备。
88.在本实施例中，客户端10可以包括但不仅限于，可通过系统总线相互通信连接的存储器11、处理器12、通信接口13，存储器11存储有可在处理器12上运行的基于聊天室的挂件控制程序。需要指出的是，图4仅示出了具有组件11-13的客户端10，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
89.服务端20可以包括但不仅限于，可通过系统总线相互通信连接的存储器21、处理器22、通信接口23，存储器21存储有可在处理器22上运行的基于聊天室的挂件控制程序。需要指出的是，图4仅示出了具有组件21-23的服务端20，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
90.基于聊天室的挂件控制程序存储在存储器11中，包括至少一个存储在存储器11中
的计算机可读指令，该至少一个计算机可读指令可被处理器12执行，以实现本技术各实施例的方法；以及，该至少一个计算机可读指令依据其各部分所实现的功能不同，可被划为不同的逻辑模块。
91.在一个实施例中，上述基于聊天室的挂件控制程序被所述处理器12执行时实现如下步骤：
92.向服务端发起建立长连接的请求，与所述服务端建立长连接；
93.调用服务端接口，获取待显示挂件对应的接口返回数据；
94.根据所述接口返回数据加载并显示所述待显示挂件；
95.接收所述服务端下发的挂件调整指令；
96.根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
97.在另一个实施例中，上述基于聊天室的挂件控制程序被所述处理器22执行时实现如下步骤：
98.响应客户端发送的建立长连接的请求，与所述客户端建立长连接；
99.当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；
100.向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
101.关于上述步骤的详细介绍，请参照上述图2和图3关于基于聊天室的挂件控制方法实施例的流程图的说明。
102.此外，本技术还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有基于聊天室的挂件控制程序，所述基于聊天室的挂件控制程序被处理器执行时实现如下步骤：
103.向服务端发起建立长连接的请求，与所述服务端建立长连接；
104.调用服务端接口，获取待显示挂件对应的接口返回数据；
105.根据所述接口返回数据加载并显示所述待显示挂件；
106.接收所述服务端下发的挂件调整指令；
107.根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
108.该计算机可读存储介质的具体实施方式与上述图2所示的基于聊天室的挂件控制方法的具体实施方式大致相同，在此不再赘述。
109.本技术还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有基于聊天室的挂件控制程序，所述基于聊天室的挂件控制程序被处理器执行时实现如下步骤：
110.响应客户端发送的建立长连接的请求，与所述客户端建立长连接；
111.当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；
112.向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
113.该计算机可读存储介质的具体实施方式与上述图3所示的基于聊天室的挂件控制方法的具体实施方式大致相同，在此不再赘述。
114.需要说明的是，上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。并且
本文中的术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
115.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，电子装置，或者网络设备等)执行本技术各个实施例所述的方法。
116.以上仅为本技术的优选实施例，并非因此限制本技术的专利范围，凡是利用本技术说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本技术的专利保护范围内。

技术特征：

1.一种基于聊天室的挂件控制方法，应用于客户端，其特征在于，所述方法包括：向服务端发起建立长连接的请求，与所述服务端建立长连接；调用服务端接口，获取待显示挂件对应的接口返回数据；根据所述接口返回数据加载并显示所述待显示挂件；接收所述服务端下发的挂件调整指令；根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。2.根据权利要求1所述的基于聊天室的挂件控制方法，其特征在于，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：当所述调整指令为新增挂件的指令时，将所述调整指令携带的挂件信息发送至web端，以供所述web端根据所述挂件信息加载新增挂件对应的样式后，将加载样式后的新增挂件发送至客户端显示。3.根据权利要求1所述的基于聊天室的挂件控制方法，其特征在于，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：当所述调整指令为删除挂件的指令时，根据所述调整指令查待删除挂件，并删除所述待删除挂件。4.根据权利要求1所述的基于聊天室的挂件控制方法，其特征在于，所述根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作，包括：当所述调整指令为更新挂件的指令时，将所述调整指令携带的更新信息发送至web端，以供所述web端根据所述更新信息对待更新挂件执行更新操作后，将更新后的挂件发送至客户端显示。5.一种基于聊天室的挂件控制方法，应用于服务端，其特征在于，所述方法包括：响应客户端发送的建立长连接的请求，与所述客户端建立长连接；当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。6.根据权利要求5所述的基于聊天室的挂件控制方法，其特征在于，所述向所述客户端返回待显示挂件对应的接口返回数据，包括：读取客户端调用服务端接口的时间戳；当所述时间戳与预先配置的挂件下发时间匹配时，向客户端返回待显示挂件对应的接口返回数据。7.一种客户端，其特征在于，所述客户端包括存储器及与所述存储器连接的处理器，所述存储器中存储有在所述处理器上运行的基于聊天室的挂件控制程序，所述基于聊天室的挂件控制程序被所述处理器执行时实现如下步骤：向服务端发起建立长连接的请求，与所述服务端建立长连接；调用服务端接口，获取待显示挂件对应的接口返回数据；根据所述接口返回数据加载并显示所述待显示挂件；接收所述服务端下发的挂件调整指令；根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。
8.一种服务端，其特征在于，所述服务端包括存储器及与所述存储器连接的处理器，所述存储器中存储有在所述处理器上运行的基于聊天室的挂件控制程序，所述基于聊天室的挂件控制程序被所述处理器执行时实现如下步骤：响应客户端发送的建立长连接的请求，与所述客户端建立长连接；当所述客户端调用服务端接口时，向所述客户端返回待显示挂件对应的接口返回数据，以供所述客户端根据所述接口返回数据加载并显示所述待显示挂件；向所述客户端下发挂件调整指令，以供所述客户端根据所述调整指令执行新增挂件、删除挂件及/或更新挂件的操作。9.一种基于聊天室的挂件控制系统，其特征在于，所述基于聊天室的挂件控制系统部署有如权利要求7所述的客户端及如权利要求8所述的服务端，所述客户端与所述服务端通信连接。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4中任一项所述基于聊天室的挂件控制方法的步骤。

技术总结

本申请涉及一种基于聊天室的挂件控制方法、客户端、服务端及系统。所述方法包括：向服务端发起建立长连接的请求，与服务端建立长连接，调用服务端接口，获取待显示挂件对应的接口返回数据，根据接口返回数据加载并显示待显示挂件，接收服务端下发的挂件调整指令，根据调整指令执行新增挂件、删除挂件及/或更新挂件的操作。本申请利用长连接可以实时数据交换的特性，客户端可以实时接收到服务端下发的新增、删除及/或更新挂件等指令，并根据指令对挂件进行相应地调整，极大的提高了客户端页面内挂件运营的灵活性，且挂件可以动态更新布局，挂件不再被传统的布局方式限制，可根据运营需求灵活更新样式。求灵活更新样式。求灵活更新样式。