Flutter开发-FlutterSocket插件

Flutter是谷歌推出的跨平台UI框架,其高效的跨平台性能已经受到很多用户的认可,其所构建的"无差别"应用主要依赖底层绘制引擎-Skia,Skia Graphics Library是一个由C++编写的开放源代码图形库，最初由Skia公司开发，被Google收购后以New BSD License许可下开源.平常Flutter开发只需编写Dart语言代码,绘制交由Skia去完成.

当然,Flutter目前还有许多待完善的地方,比如APP或者页面的生命周期,AOP,线程通信,Flutter生态等,基本的应用开发,Flutter应该能够满足,当然还存在不能解决或者比较难填的坑,这时我们可以构建原生平台插件或者直接调用原生平台来辅助解决.

Flutter插件开发

主要有几步:

1.构建插件项目

1)通过命令:

flutter create --template=plugin -i swift -a kotlin plugin_name

2)或者通过IDE新创建一个plugin工程

2.编写插件Dart代码

这里封装的主要是你想暴露给调用者的一些API

3.编写plugin原生代码

1)编写iOS端plugin代码,并且通过建立的methodChannel通道相互传递消息

2)编写Android端plugin代码,并且通过建立的methodChannel通道相互传递消息

消息通过除了methodChannel,还可以通过建立其他方式:BasicMessageChannel,EventChannel来建立消息通道.

MethodChannel (图片来自于网络)

4.添加依赖

这步是可选项,如果你的原生plugin依赖了其他pub,Android需要在build.gradle中添加依赖,iOS需要在plugin_name.podspec中添加依赖.

5.调试&测试

在发布到pub.dev仓库之前,我们自己开发的插件要进行必要的调试和测试

6.发布

以上步骤完成之后,就可以通过命令,将你的plugin发布到pub.dev仓库了.

1)检测插件是否有潜在问题:

flutter packages pub publish --dry-run

2)正式发布

flutter packages pub publish

FlutterSocket

Demo 演示

flutter_socket_plugin是一个实用的跨平台socket插件,目前已经实现client端的基本功能:创建,连接,发送消息,收消息,断开连接,心跳等功能.

iOS端

iOS端主要封装的是CocoaAsyncSocket中的GCDAsyncSocket,GCDAsyncSocket是client和server socket的集合,可以创建客户端和服务端.源码在[这里](https://github.com/robbiehanson/CocoaAsyncSocket.

Android端

Android端封装的是OkSocket,这里只集成了其client部分.原项目作者考虑的多了一点,把消息包头也考虑进去了,使用的时候查看一下文档,源码在这里.

添加依赖

dependencies:
flutter_socket_plugin: 0.0.1

使用示例

import 'package:flutter_socket_plugin/flutter_socket_plugin.dart';

  ///
  /// @Method: initSocket
  /// @Parameter:
  /// @ReturnType:
  /// @Description: init socket
  /// @author: waitwalker
  /// @Date: 2019-08-23
  ///
  initSocket() {

    /// init socket
    flutterSocket = FlutterSocket();

    /// listen connect callback
    flutterSocket.connectListener((data){
      print("connect listener data:$data");
    });

    /// listen error callback
    flutterSocket.errorListener((data){
      print("error listener data:$data");
    });

    /// listen receive callback
    flutterSocket.receiveListener((data){
      print("receive listener data:$data");
      if (data != null) {
        receiveMessage = receiveMessage + "\n" + data;
      }
      setState(() {

      });
    });

    /// listen disconnect callback
    flutterSocket.disconnectListener((data){
      print("disconnect listener data:$data");
    });
  }

示例

创建 `socket`:

await flutterSocket.createSocket("192.168.8.120", 10007, timeout: 20);

发起连接 `connect` :

flutterSocket.tryConnect();

发送消息 `send`:

flutterSocket.send(textEditingController.text);

断开连接 `disconnect` :

flutterSocket.tryDisconnect();

示例目录

你可以在这里查看FlutterSocket的全部示例.

未来

fFlutterSocket目前实现了客户端基本String消息的收发,未来在条件允许的情况下,逐步完善功能,如果你急需一些功能,你可以在FlutterSocket的基础上继续添加功能,让FlutterSocket功能更加强大和完善!

博客地址&相关文章

博客地址: https://waitwalker.cn/