IM 即时通讯
Flutter
产品介绍
简介
主要功能
产品优势
接口及业务限制
功能介绍
帐号集成与登录
基础消息功能
群组功能
聊天室功能
聊天室标签功能
圈组功能
多端登录与互踢策略
质量数据监控台
更新日志
IM UIKit 更新日志
NIM SDK 更新日志
快速开始
跑通 IM Demo 源码
实现单聊消息收发(不含 UI)
实现圈组消息收发(不含 UI)
含 UI 集成
什么是 IM UIKit
IM UIKit 功能列表
快速集成 IM UIKit
组件导入
初始化
界面跳转
全局配置
语言设置
会话列表相关
集成会话列表界面
事件监听
自定义会话列表界面 UI
会话消息相关
集成会话界面
事件监听
发送自定义消息
自定义会话界面 UI
通讯录相关
集成通讯录界面
事件监听
自定义通讯录界面 UI
IM UIKit 常见问题排查
不含 UI 集成
集成 SDK
初始化
登录相关
登录 IM
多端登录与互踢
登出 IM
消息相关
消息概述
消息收发
NOS 存储场景
消息配置选项
语音消息处理
广播消息收发
消息已读回执
消息撤回
消息重发与转发
消息更新
插入本地消息
最近会话
用户资料
用户关系
在线状态订阅
历史消息
系统通知
Android 离线推送与消息提醒
APNs 离线推送
群组功能
群组概述
群组管理
群成员管理
群消息管理
超大群
反垃圾
开通聊天室功能
聊天室
圈组功能
已知问题
圈组概述
圈组登录管理
服务器相关
服务器概述
服务器管理
服务器成员管理
服务器未读数管理
频道相关
频道概述
频道管理
频道黑白名单
频道未读数管理
搜索服务器与频道
身份组相关
身份组概述
身份组应用场景
服务器身份组
频道身份组
用户定制权限
身份组相关查询
成员权限查询与判定
圈组消息相关
图解圈组消息流转
圈组消息收发
圈组消息撤回
圈组消息更新
圈组消息删除
查询历史消息
会话消息回复(Thread)
圈组快捷评论
圈组消息缓存
获取频道最后一条消息
圈组消息搜索
圈组订阅机制
圈组离线推送
圈组系统通知相关
圈组系统通知概述
圈组系统通知收发
圈组系统通知更新
圈组内容审核
圈组相关抄送
圈组第三方回调
聊天扩展
其他
服务端会话服务
最佳实践
IM 登录最佳实践
API 参考
Flutter API 参考
错误码和警告码
IM 控制台指南
创建应用
升级服务
注册 IM 账号
服务协议
常见问题
第三方推送厂商的限制说明

跑通 IM Demo 源码

更新时间: 2022/10/17 11:51:24

网易云信在 Github 上提供开源的 IM Demo 源码。您可参考 Demo 源码,在您的本地项目中快速构建即时通讯应用。

本文介绍如何快速跑通 Demo 源码。

主要界面模块

IM Demo (Flutter)主要包含会话列表,会话和通讯录三大界面模块,支持的功能包括单聊消息收发、群聊消息收发、会话管理、群组管理等。

前提条件

在开始运行示例项目之前,请确保您已:

  • 云信控制台完成以下操作。
    创建应用并获取 App Key 和 App Secret 1. 在左侧导航栏中找到“应用”,并单击“创建”。
    创建应用
    2. 填写应用的基本信息后,单击“创建”。
    创建应用
    3. 创建应用后,可以在左侧导航栏中查看该应用,并单击 “App Key 管理”,并获取 App Key 和 App Secret。
    查看应用的AppKey
    注册云信 IM 账号

    注册云信 IM 账号,获取 accid 和 token。accid 和 token 将用于登录云信服务端。

    1. 在左侧导航栏中单击指定应用名称,进入该应用的详情页面。
    2. 在“功能管理”中单击“账号管理”。
    账号管理
    3. 在测试页面,单击“新建账号”,并填写账号(即accid)、昵称(即 name)、密码(即 Token)后,单击“确定”。
    确定
  • 准备如下开发环境/工具:
    • Flutter-dart 2.16.1及以上版本。
    • 开发环境:
      Android
      • Android Studio Bumblebee
      • App 要求 Android 5.0 API 21 及以上版本设备
      • 1.6.10 以上版本的 kotlin-gradle-plugin
      iOS
      • Xcode 11.0 及以上版本
      • App 要求 iOS 10.0 以上版本设备
      • 项目已设置有效的开发者签名

运行源码

  1. 前往 GitHub 下载 Demo 源码。 示例项目结构如下:
目录 说明
im_demo 应用主入口,包含外部界面框架
nim_chatkit_ui 聊天功能界面相关代码
nim_contactkit_ui 通讯录功能界面相关代码
nim_conversationkit_ui 会话功能界面相关代码
nim_searchkit_ui 搜索功能界面相关代码
nim_teamkit_ui 群组功能界面相关代码
  1. 将示例项目导入您的开发工具(推荐使用 Android Studio)。

  2. 在项目中找到 im_demo/lib/src/config.dart 文件,将文件里如下代码中的your app key替换成您的 App Key。

    class IMDemoConfig {
      static const AppKey = 'your app key';
    }
    
  3. 在项目中找到 im_demo/lib/src/home/splash_page.dart 文件,将文件里找到startLogin方法设置云信 IM 账号和 Token。

    void startLogin() {
      //将您的云信IM 账号(accid) 和 Token 设置在这里即可
      String account = "";
      String token = "";
      ......
    }
    
  4. 运行源码到您的设备上,即可进入 Demo 界面,开始体验 IM Demo。

此文档是否对你有帮助?
有帮助
我要吐槽
  • 主要界面模块
  • 前提条件
  • 运行源码