由于前段时间开发出来的vue版本的聊天页，性能、用户体验等方面十分不尽人意，故开启了新的征途，nvue版本聊天页的开发。痛点一、进入页面保持在最底部这次重构nvue版本的聊天页，使用了标新立异的渲染方式。众所周知，前端渲染页面都是由上而下渲染的，那么如果需要进入页面的时候，便保持在页面的最底部，就需要等待页面渲染完毕后跳转至最底部。这样的渲染方式就会导致在进入页面时，用户能很明显的感受到页面抖动了
转载
2024-01-28 01:30:44
202阅读
前言 实际业务开发中，集合的判断和操作也是经常用到的，Spring也针对集合的判断和操作封装了一些方法，但是最令我惊讶的是，我在梳理这些内容的过程中发现了一些有趣的现象，我的第一反应是不敢相信，再想一想，没错，我是对的。所以强烈建议大家可以认真看完这篇文章，这一篇绝对有价值，因为有趣的是我我竟然发现了Sp
转载
2024-10-09 21:40:40
30阅读
<template> <view> <!-- <view style="border-bottom: 5rpx solid blue;" v-bind:style="{ height: vhei + 'px' }"> --> <view> <view class="" v-for="item in list"
原创
2022-10-24 16:34:07
244阅读
点赞
样式图效果图制作方法用户分组制作分组导航首先要做的就是将用户分组，在这个项目中我是根据用户昵称的首字母来进行分组的，所以就需要将汉字转为拼音，转换的方法大家可以在网上搜索，另外就是这个操作你可以在前端执行也可以在后端执行，当然还是在前端执行比较好，我是在后端执行好的，只作为参考，方法如下：let result = await Friend.findOne({ userID: tokenRes.id
转载
2024-09-05 10:00:03
16阅读
项目演示前言我是看B站的视频一个一个敲的，讲的还不错。可以去看看vue+node.js即时通讯聊天室APP开发前端篇主界面chat.vue<template>
<!-- 聊天界面展示https://www.bilibili.com/video/BV1hT4y1P75N?p=22 搭建1和2 -->
<view class="content">
<
转载
2023-10-11 08:50:26
158阅读
腾讯IM中创建项目 拿到AppID 与 密钥 下载demo 将debug 文件夹拖到自己项目中 在第一个js文件中填入自己项目的APPID 与密钥 下载（tim-wx-sdk 上传文件 的依赖 看项目所需import TIM from 'tim-
转载
2024-08-29 11:36:50
131阅读
本文介绍如何基于 UNIAPP 使用 即时通讯SDK ZIM SDK 快速实现基本的消息收发功能。1 uniapp im 即时通讯功能 方案介绍即时通讯SDK ZIM SDK 提供了如下接入方案：在此方案中，您需要通过您自己的业务系统实现以下业务逻辑：搭建客户端的用户管理逻辑，并下发用户 ID 用于客户端登录。鉴权 Token，建议由您的业务后台自行实现，保证鉴权数据安全。uni-app SDK
转载
2023-07-27 19:00:46
119阅读
uni-app 之 聊天室滚到最底部 请注意 ！： 知识点为uni-app 与 vue 结合 这次写到聊天室，碰到一个emmmmm问题比较严重的事情，聊天嘛，咱们想实现的就无非是微信，QQ那种聊天的效果嘛，我们研究了，，，，emmmm （n久之长），终于是把这个功能写出来了，代码等什么时候整理出来给大家看，今天主要说一下碰到的一个问题，就是我发送消息的时候， 想要将消息
# 开发 UniApp iOS 及时聊天应用的步骤
在本篇文章中，我将带你了解如何在 UniApp 中实现一个简单的 iOS 及时聊天功能。为了便于理解，我们将分步骤讲解，并附上必要的代码示例和说明。下面是整个开发流程的表格：
| 步骤 | 任务描述 | 相关技术/工具 |
|------|----------|----------------|
| 1 | 创建 UniApp 项目 |
前提通过 anyRTC音视频SDK插件 基本实现 uniapp 视频通话
如若没有实现基本视频通话可参考 10分钟实现一个简易unapp视频通话旁路推流步骤1. 开通对应权限前往 anyRTC 控制台 - 用量统计 选择对应项目开启旁路推流服务2. 模式调整场景调整
sdk默认通信场景，需要将通信模式转为直播模式// 设置直播模式
rtcModule.setChannelProfile({
转载
2024-05-09 15:27:10
475阅读
1、添加pom依赖<!-- websocket -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
前言： 作者本人也是处于学习，提高阶段，自己感觉这个项目实在写的很烂，没咋重构过，尽管它的功能都能跑通。实现中有很多可以优化的地方与细节，为了赶进度赶着在这周写完，哈哈。。这个系列一部分用于自己的复盘，寄希望于脱离开发的状态，以一种局外人的态度去观察重新编写一遍（其实相当于重构代码，因为源码写的实在太烂，所以沉下心以一种再次学习的心态再写）；一部分原因是受到很多互联网前辈的帮助，也萌生了写一个系列
转载
2024-10-09 15:19:08
20阅读
一、引言uni-app是支持消息推送的，参考如下文档：二、效果三、需求不同角色的用户登陆App，收到不同的待办提醒。即谁处理这个待办任务，谁会收到这个提醒。对不同角色的用户推送待办消息四、方案步骤4.1 查看个推文档因为uni-app的推送是集成了个推，所以查看个推文档接入方案因为后台是java语言，所以查看java集成指南导入"GETUI_SERVER_SDK资源文件”目录下的所有jar包# u
转载
2023-09-26 13:25:51
327阅读
uni-app 是目前比较火的跨平台框架，腾讯云即时通信 IM 正式推出支持三大平台的 uni-app TUIKit。 TUIKit 是基于 IM SDK 实现的一套 UI 组件，其包含会话、聊天、群组管理等功能，基于 UI 组件您可以像搭积木一样快速搭建起自己的业务逻辑。目前我们提供了示例客服群 ➕ 示例好友的基础模版，在线客服功能包括：支持发送文本消息、图片消息、语音消息、视频消息等常见消息。
转载
2024-02-29 13:55:54
1896阅读
目录前言一、聊天框随键盘抬起思路代码实现二、聊天消息列表随着聊天框的增高而滚动到最底部思路三、问题完整代码实现总结 前言主要还是实现以下两个功能：点击聊天框的时候，聊天框随键盘抬起且聊天消息列表滚动到最底部，但整体页面不抬起聊天框textarea根据内容自适应高度，且聊天消息列表随着聊天框的增高而滚动到最底部（说白了就是最底部的消息不会被增高的聊天框给挡住）一、聊天框随键盘抬起uni-app官方
转载
2024-02-18 10:33:08
915阅读
点赞
“一套代码，多端运行”是很多开发团队的梦想。ZEGO SDK基于uni-app跨平台框架支持iOS、Android、Windows、macOS、HarmonyOS、Web、小程序并支持平台间互通，快速实现搭建多端音视频通话，大大降低开发和学习成本。
本文将引导快速创建和运行第一个uni-app+RTC项目，适合想要快速完成多端共用音视频项目的开发者；
“一
转载
2024-05-26 12:42:30
774阅读
一、app端和微信小程序端使用uni.login()app端调用uni.login返回的数据：微信小程序端调用uni.login后返回的数据：共同点它们都会返回 code 不同点在app端拿到的这个code去请求后端接口，后端用这个code去请求微信接口js2session换取openid, session_key、unionid时会返回该code已被使用而在小程序拿到的code是可以获得open
转载
2024-04-11 14:27:05
421阅读
项目介绍前段时间在B站看到了有一个UP主在讲uni-app即时聊天的项目（逸刻时光），在看了这个视频之后，感觉还是挺有兴趣的，所以在看他的讲解视频之后，就自己动手写了这个即时聊天项目，在样式方面跟（逸刻时光）相比改动的地方还是比较多的，后端的是我使用的是node的koa框架，而（逸刻时光）的up主是使用express，个人觉得还是koa框架用起来比较好用，没有那么多的嵌套，可以使用async和aw
转载
2024-04-26 10:47:54
807阅读
# 使用 UniApp 在 iOS 平台实现聊天消息推送
在移动应用开发中，聊天应用的消息推送功能是至关重要的。对于使用 UniApp 开发的跨平台应用，理解如何在 iOS 平台上实现这一功能将非常有益。本文将详细介绍如何在 UniApp 中实现聊天消息的推送，包含相关的代码示例。
## 一、推送服务的选择
为了实现聊天消息的推送，我们通常选择使用第三方推送服务。常见的推送服务包括：
-
前言：这篇主要解决上个小章节遗留的问题，第一个：当我们返回的时候它的最新消息应该是能实时更新的，同时未读消息数也应该是能默认更新的。第二个：根据是否在同一个‘房间’去判断插入数据库的消息应该是已读的还是未读的。进行编写代码之前我们照例进行思考，第一个问题中其实在chat页面应该只有一个场景，当我们引入了vuex进行全局的状态管理的时候，我们只需要在消息更新、发送的时候告诉两个人，一个是对方，一个是
转载
2024-09-27 02:18:39
52阅读
