APP Inventor 基于网络微服务器的即时通信APP
最近,老师要求我们用APP Inventor做一个APP,简单地做了一个即时通信的APP(超低配版的QQ,逃~),连肝了几个晚
上,目前已是比较稳定的版本了,虽然还有很多小问题,但基本不影响使用了。
目前,支持双人聊天(好友上限为6人),多人群聊(群组上限2个,每个群聊人数上限6人),个人主页等功能。每个账号的
好友等数据会与本地绑定,而不是与账号绑定,那样感觉会有点麻烦就没整那样的操作,下面来看看具体代码吧。
1.登录主界面
利用网络微数据库存储账号信息,登录时进行比较,好友群组数据通过微数据库保存在本地。
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3NC85M2NmNGM5N2JmYzc4ODI1YjQ0MGE2MTViZDhjMjhkMi5wbmc%3D.png?w=700)
相关代码:
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI5Ni9jYjNmN2Q5ZWVlMDNkZjhmYjI5ZGFjZWM1OTMzNWMyOC5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQwMC8wZDVhNGNjZTJmNWQ5NjUwNzFhMmQyZDU2ZTZkMGI3MC5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkyOC9hOTQ0MTJhYWIwYjU5MDY1YzE4MzU4M2NhODAwNGM3OC5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU4OS9kMzlmYTk3YWE3MWM3NDhiZGQ2NDczYWZmOTQxZGZmNS5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYwNS9jNzE2YTU0OGIyYzE2NTgxOWFhYjlhMGM4MzEyNzE1ZC5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM2NS85N2FjMDNhZjMyZjk1MTEyMTk0NWJjN2I4OTdkY2NhNS5wbmc=)
2.好友列表界面
隐身于在线信息实时同步到网络微数据库,并且在好友列表里显示,好友列表由一些列的按钮组成,初始时默认不可见,没添加
一个好友使用一个按钮,最多添加六个。点击好友进入聊天界面,长按好友用户名,进入好友主页。
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwOC9kODdmMzcwZTQ3NTRmYWFiMzQ5Mzk3YmQ1MGYwYmZiNC5wbmc=)
相关代码:
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2My83ZjRlNzZhNjY2MTI3YjVkZDA1NjVkNmY2ODMwN2YzMy5KUEVH)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3Mi84YTBiOTJlYzA5Y2RiMjY5NDhjMWJhOGRhZGZiNzljMC5KUEVH)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY2OS82YWRjYjgzMmQyZTY3ZjRlNjAxZTNkNDJlNjgzODdjZC5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg2OS9kNGJmMmNjMTBjNDFkYTc1MDExZDdhMzZiY2JiMTE5NS5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ4Ny82YTM5ODMzNWZmNDk3Mjg1Mzg0NDBiMTY2Y2Q0YzViZi5KUEVH)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkyOC9iNzI2ZmRiNjdiZjM3ZTJiNDJhM2JiY2FkNDUxYmI5MC5KUEVH)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwMy9iNjIwZmFjNzlkNWI4ZjkxNzZkYzM3MDhlNjIwMTkxZi5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU4MC9jM2ViOGRhYmMyZDNmNzUxOTc1MjZhNDQwMzczMThlYy5wbmc=)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUxOC9mM2RkMmM3MWI2NTAxY2I0NWVjYzYyMzg5OGUxNzFlNi5wbmc=)
3.好友聊天界面 当点击发送时,待发送信息会被上传到网络微数据库,标签为本账号的用户名,存储值为待发送信息,调用计时器到计时点
时,就根据对方用户名,上网络微数据库寻找对方发送的信息。
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU5LzY3MjhhNDY5NzAxZjA5OTU2MzY4ZDE0NmU4ZDk0MjYzLnBuZw==)
相关代码:
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcwOC8zYzRmNWRlYTRkMTQ4MTgwZTBiZTdmMDhiMzk1YjBiNC5KUEVH)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU2NC9kMTFjNWU1YWQxYjE1MjQ1YjI1ZGZlOTU3ZTM1OTNlYy5wbmc=)
4.群组列表界面
实现与好友列表相似。
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700)
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2Ni8yNjA3MTNjNmJjMTRkYTUxNzlhMzU0MzRkZGJlMDU1Ni5wbmc=)
5.群聊界面
实现好友聊天相似,不过要多加几个网络微数据库实时接收各个好友发送的消息。
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEyNC9iNGI5OTQ3NzgzZjAxZGYxNTRmNmRlY2Y1YTg0NTc2Yy5wbmc=)
6.个人主页界面
基本功能。
![APP Inventor 基于网络微服务器的即时通信APP APP Inventor 基于网络微服务器的即时通信APP](https://image.shishitao.com:8440/.jpg?w=700aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQxNy80NzA5YmMxZDc3YTQxMjhiZTM1M2RhNTc0ZjA2NWE0MS5wbmc=)
好的,以上就是主要内容,有许多处代码都省略了,需要源代码的可以加我QQ:1490312014。