uniapp
关注
分享
扫一扫
Homyee King
这个作者很懒，什么都没留下…
展开
-
H-Chat：解决socket.ioAPI移动端不支持的问题
怀着满腔热血搭建了自己的聊天社区后，终于在真机调试一开始运行的时候出现了bug，原因就是socket.io中使用了移动端不支持的window API，所以目前我的项目是在浏览器端可以是查看的，就是UI有点不适配，但是还凑活，hchat 网页版预览目前实现的功能有：添加好友好友私聊聊天室群聊朋友圈动态的发送回复但是追求完美的我是不甘让自己的作品如此凑活，我决定还是要适配一下移动端。...原创 2020-03-05 11:28:51 · 1042 阅读 · 1 评论 -
H-Chat：用户私聊群聊管理
总共两个表聊天记录表最近联系人表私聊实现思路：进入聊天界面发送消息且成功后，将此好友添加到最近联系人，且注明是用户点击发送后，将本聊天记录存入本人和好友的聊天记录数据库中，默认isme=true，表明此消息是本人发送.数据库设计：聊天记录表设置两个用户id, 分别指向本人和好友的id，将两人聊天记录设为数组，每发一条存一条双方取消息的时候，看消息是不是发给自己的，如果...原创 2020-02-26 14:49:59 · 1370 阅读 · 0 评论 -
H-Chat: 输入框中添加图标
虽然有好多现成的轮子，但我还是想记录一下这个通过自己尝试得出来的需求：一个搜索框，添加placeholder：搜索图标和‘搜索’这两个字实现1. 这个搜索两个字好加，直接placeholder里写就行，但是写完我又想让这两个字居中显示，然后我搜索了一下，有placeholder-class这个属性，然后我就写了一个类实现居中，绑定到这个属性上果然可以。2. 之后想加图标，因为我这个项目已...原创 2020-02-13 20:23:00 · 207 阅读 · 0 评论 -
H-Chat: socket.io实现私聊，群聊，添加好友
工具客户端： vue-socket.io服务端：socket.io安装分别npm 安装，配置代码看相应文档，文档很详细思路1. 私聊每个用户登录成功后则将自己的用户名或ID总之是一个唯一的变量，作为socket的名字，下面以id举例，毕竟各个场景下 id基本上都是唯一的，这样每个用户登录后都会得到指定的socket。//client 登录成功后this.$socket.emit(...原创 2020-02-13 20:14:12 · 1638 阅读 · 0 评论 -
H-Chat : 云服务器配置Node环境，nginx, pm2, mongodb
之前联系demo的时候，用的阿里云，已经配置过服务器，但是那个实例已经过期了，之前有活动的时候，用9.9买了一年的华为云，崭新的，我没刻意学习过linux命令，所以之前配置的时候也是靠网上查的教程一点一点copy的，所以这次还得查。我当时买的时候选的centos6，自己从官网下载的node的压缩包，然后解压配置，然后用查询版本号来验证的时候，居然报错，大致意思应该是gcc版本太低了，不符合nod...原创 2020-02-10 18:29:39 · 268 阅读 · 1 评论 -
H-Chat：jwt登录验证实现
之前从网上照着视频敲过jwt，说实话敲得时候我都是一头雾水，但当时只想出效果，并没有深入了解，最近受于疫情的影响，动手实现一个APP，基于uniapp，取名叫H-Chat，其中用户认证模块自然用到token，于是翻了翻之前模仿的那个代码，结合网上搜索的结果，对json web token(jwt)有了更进一步的了解。下面是典型的token认证方式：1.客户端登录时通过账号和密码到服务端进行认证...原创 2020-02-05 14:28:16 · 375 阅读 · 1 评论