【ArcBlock Forge系列】10 – 使用ABT World开源代码搭建DID Chat

最近微信有些不稳定,社区内有人提出能否基于ABT的DID钱包开发一个使用DID账户进行聊天的应用,之前一直没有时间,上个周末刚好有时间,花了些时间开发了一个,下面是开发步骤,共享给大家一起学习:

1. 下载ABT World的开源代码
git clone https://github.com/helloabt/abtworld-pub.git

2. 添加后端代码
考虑到聊天的数据量比较大,为了不对链上数据造成污染,聊天数据就不进行上链,聊天数据保存在本地的MongoDB中。

(1) 添加数据库表格

表格的数据包括用户名字,用户DID,用户头像,聊天时间,归属群组,聊天内容;以及数据表的创建和更新时间。

(2) 添加数据表添加和查询API

当中包含两个API

(2.1) DID聊天数据查询

(2.2)DID聊天记录添加

3. 前端页面添加
有了后端的查询和添加的API后,前端只需要做对应调用和渲染就可以。创建前端文件didchat.js

(1) 聊天信息发送

将用户在文本框中输入的内容调用后端的API写入数据库

(2) 聊天记录查询和展示

调用后端封装好的API进行查询,查询到的数据保存到本地状态变量,状态变量发生变化时,React.js的前端页面会自动渲染,并在列表框中显示。

经过以上步骤,一个基于ArcBlock next.js框架的DID聊天应用的前后端代码已经完成,代码也同步更新到Github中,有兴趣的朋友可以下载代码进行搭建测试。使用步骤如下:
1. 下载代码
git clone https://github.com/helloabt/abtworld-pub.git
2. 建立环境
cd abtworld-pub
./env_setup.sh
3. 配置环境变量
vim .env
参考上篇文章《https://bihu.com/article/1625675052》
4. 启动应用
yarn dev

启动完成后,就可以访问DID Chat应用了。

不想自己搭建这个DID聊天应用,想体验的朋友,也可以访问这个地址进行体验:
http://abtworld.cn/didchat
不过还是希望有社区的朋友能把他独立运作起来,我这台服务器承受不了太多的Dapp。

另外插播下,哈希快讯的点赞、评论和分享挖矿功能做好了,欢迎大家登陆体验

地址:http://abtworld.cn/newsflash,欢迎大家进入体验。

本文经过ABT共识社区同意转载!

>> 【投资首选】DragonEx龙网交易所,每天现金分红的交易所 + 30%年化理财收益,注册并中级认证即可获得抽DT奖励(100%中奖),出入金方便。

>>【买币方便】现在注册Binance币安交易所即可获得10%的交易返利,支持“支付宝”和“微信”买比特币等数字货币。

>>【8年老牌】现在注册Gateio比特儿交易所,即可享受一年内交易手续费9折优惠+糖果空投。

>>> 【买币首选】DragonEx龙网交易所,买比特币和以太坊等币简单快捷,现在注册交易手续费终身4折,每天现金分红 + 30%年化理财收益,注册并中级认证即可获得抽DT奖励(100%中奖),1小时内极速出入资金。

...

...

>>【8年老牌】现在注册Gateio比特儿交易所,即可享受一年内交易手续费9折优惠+糖果空投。

...

...

相关推荐

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址