flutter 集成融云 sdk

前言

1.集成 flutter 融云 sdk ，需要一个稳定的 flutter 环境，能正常的创建和运行项目。
2.前期准备融云官网申请开发者账号
通过管理后台的 “基本信息”->“App Key” 获取 AppKey
3.通过管理后台的 “IM 服务”—>“API 调用”->“用户服务”->“获取 Token”，通过用户 id 获取 IMToken
4.我知道没图是骗不到人的。先放图，大家看一下最终实现的效果。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-R2vUamUA-1605167847656)(https://s1.ax1x.com/2020/11/03/BsvRVU.jpg)]

集成 sdk

依赖 IM Flutter plugin在项目的 pubspec.yaml 中写如下依赖。

dependencies:flutter:sdk: flutterrongcloud_im_plugin: ^4.0.3

然后在项目路径执行 flutter packages get 来下载 Flutter Plugin。
我们写 2 个 button 和 2 个 text ，分别用来实现 init 和 connect 的事件和状态。
4.初始化 SDK

RongIMClient.init(RongAppKey);

5.连接 IM

RongIMClient.connect(RongIMToken, (int code, String userId) {print('connect result ' + code.toString());EventBus.instance.commit(EventKeys.UpdateNotificationQuietStatus, {});
if (code == 31004 || code == 12) {Navigator.of(context).pushAndRemoveUntil(new MaterialPageRoute(builder: (context) => new LoginPage()), (route) => route == null);
} else if (code == 0) {print("connect userId" + userId);// 连接成功后打开数据库// _initUserInfoCache();
}

全部代码参考

import 'package:flutter/material.dart';
import 'package:rongcloud_im_plugin/rongcloud_im_plugin.dart' as prefix;void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {// This widget is the root of your application.@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Flutter Demo',theme: ThemeData(primarySwatch: Colors.blue,visualDensity: VisualDensity.adaptivePlatformDensity,),home: MyHomePage(title: 'Flutter Demo Home Page'),);}
}class MyHomePage extends StatefulWidget {MyHomePage({Key key, this.title}) : super(key: key);final String title;@override_MyHomePageState createState() => _MyHomePageState();
}class _MyHomePageState extends State<MyHomePage> {var _isInit ;var _isConnect ;void _init() {setState(() {prefix.RongIMClient.init("pvxdm17jpof6r");_isInit="已经初始化";});}void _connect() {setState(() {prefix.RongIMClient.connect("rbdI/5jrPxR4aQ2078HhWnHte7+VrAhsnSjOcYQ3SKOCXhodQlcZYZ5acv4syCtN0dsYRNvxZh44fo4VR5s+6A==", (code, userId){if(code == 0 ){_isConnect="连接成功";}else{_isConnect="连接失败";}});});}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(// Here we take the value from the MyHomePage object that was created by// the App.build method, and use it to set our appbar title.title: Text(widget.title),),body: Center(// Center is a layout widget. It takes a single child and positions it// in the middle of the parent.child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Text('$_isInit',style: Theme.of(context).textTheme.headline4,),Text('$_isConnect',style: Theme.of(context).textTheme.headline4,),MaterialButton(minWidth: 250.0,onPressed: () {_init();},colorBrightness: Brightness.dark,color: Colors.deepPurpleAccent,elevation: 20.0,splashColor: Colors.green,//highlightColor: Colors.red,highlightElevation: 1.0,child: Text("初始化"),),MaterialButton(minWidth: 250.0,onPressed: () {_connect();},colorBrightness: Brightness.dark,color: Colors.deepPurpleAccent,elevation: 20.0,splashColor: Colors.green,//highlightColor: Colors.red,highlightElevation: 1.0,child: Text("连接"),),],),),);}
}

flutter 集成融云 sdk相关推荐

集成融云 SDK 怎么实现多端同步未读数
最近在集成融云 SDK 的时候,碰到了一个跟未读数有关的问题,现象是这样的: 比如我在其中 Web 端已经清除了某个会话的未读数然后退出,再换个设备登入,这个时候未读数还有,并没有清除掉,我就纳闷了, ...
融云发送图片消息_Web 端集成融云 SDK 如何发送正确图片消息给移动端展示？
Web 端集成融云 SDK 如何发送正确图片消息给移动端展示? 前言 Web 端使用融云的即时通讯 SDK 在发送图片消息给移动端的时候,移动端一般会收到一个缩略图数据和展示高清图片地址,但是往往 W ...
快速集成融云SDK– Android Studio
现在很多应用都加入了即时通讯功能(客服等),选择第三方的SDK比较省事快捷,这里就介绍一下集成融云SDK时遇到的一些问题. 这个是官网的集成指南:http://www.rongcloud.cn/doc ...
ios 融云重写对话列表_iOS集成融云SDK part 1 小记
之前虽然稍微了解过即时通讯方面的内容,但是一直没有怎么去做过聊天部分的.这次是刚刚使用融云,做一下记录. 关于融云SDK集成的具体步骤,我都是参考以下这些文章(很多图片都是直接从这些地方拿的,我真是太 ...
基于融云SDK实现高仿微信
本篇主要介绍了一下本人正式完成的第一个Android demo应用. 1.demo运行效果图 2.为了实现微信的体验效果,这里面用到了几个特殊的控件或者技术. 2.1 第一张图中的"+&qu ...
调用融云SDK创建讨论组失败bug记录
问题描述项目集成融云SDK,在调用融云创建讨论组的时候,第一次创建失败,第二次创建成功. 猜测一: 猜测是因为创建的讨论组的时候,讨论组成员中有userId是融云中没有的,于是去向融云技术支持提工单 ...
android.intent.action.view 融云,Android 融云SDK集成单聊
一 .下载 SDK 您可以到融云官方网站下载融云 SDK.融云 SDK 各部分功能以插件化的形式独立提供,开发者可以根据自己的需要,自由组合下载.各组件的功能如下: IMKit – 融云 IM 界面组 ...
android 融云sdk集成,使用融云SDK集成
使用融云开始还是遇到了很多的坑的,特别是看不太明白官方文档.或许自己不够有耐心. 期间还遇到了许多bug,比如,明明配置的没问题了,可我的手机还是连不上融云. 后来还是在融云的知识库中找到了解决办法, ...
融云 SDK 集成详解 – Android Studio
一 .下载 SDK 您可以到融云官方网站下载融云 SDK.融云 SDK 各部分功能以插件化的形式独立提供,开发者可以根据自己的需要,自由组合下载.各组件的功能如下: IMKit – 融云 IM 界面组 ...
android讨论功能,集成融云Android SDK实现在群聊/讨论组中@人的功能
集成融云Android SDK实现在群聊/讨论组中@人的功能可以确定的是融云SDK本身不提供@的功能,需要自定义实现. 在实现这个功能时,基本模仿微信的做法: 在列表中显示有人@了你通知显示有人@ ...

flutter 集成融云 sdk

flutter 集成融云 sdk

前言

集成 sdk

全部代码参考

flutter 集成融云 sdk相关推荐

最新文章

热门文章