Flutter社交分享插件umshare的使用

Flutter社交分享插件umshare的使用

支持的平台

  • 微博
  • QQ
  • 钉钉
  • 支付宝

能力

  • 分享
  • 登录
  • 判断平台是否安装

安装

pubspec.yaml 文件中添加 umshare 依赖:

dependencies:
  umshare: ^${latestVersion}

使用

首先导入 umshare 包:

import 'package:umshare/umshare.dart';

初始化友盟 SDK,在所有方法使用之前:

/// 初始化友盟sdk,在所有方法使用之前
Umshare.init("你申请的友盟APP ID");

初始化需要分享的平台:

Umshare.platformConfig([
  UmInitWeiBo(
    appKey: '申请的微博APP ID',
    appSecret: '申请的微博app Secret',
    redirectUrl: '申请的微博APP配置的回调接口地址',
  ),
]);

判断平台是否安装

var res = await Umshare.checkInstall(UmShareMedia.dingDing);
print('========检查是否安装应用====dingDing=======$res');

分享

var res = await Umshare.share(UmShareWebModel(
    'https://www.baidu.com',
    UmShareMedia.weiBo,
    title: 'demo',
    text: 'test-----',
    img: 'https://avatar.csdnimg.cn/0/6/4/3_unhappy_long.jpg',
));
print('========分享回调结果=========$res');

授权登录

var res = await Umshare.auth(UmShareMedia.weiBo);
print('========登录回调结果====res=======$res');

方法

方法名 描述 返回值
init 友盟SDK初始化方法,需在调用任何方法前调用 Future
platformConfig 初始化需要分享的平台,支持UmInitWeiBo,UmInitQQ,UmInitAliPay,UmInitDingDing Future
checkInstall 判断平台是否安装方法 Future
auth 授权登录方法 Future
share 分享方法 Future

属性

1. UmInitBaseModel:平台SDK初始化类

  • UmInitWeiBo – 初始化微博
  • UmInitQQ – 初始化腾讯QQ
  • UmInitAliPay – 初始化支付宝
  • UmInitDingDing – 初始化钉钉

2. UmShareBaseModel:分享类

  • UmShareWebModel – 分享网页
  • UmShareHttpImgModel – 分享网络图片
  • UmShareFileImgModel – 分享本地图片
  • UmShareTextModel – 分享文本
  • UmShareVideoModel – 分享视频
  • UmShareMusicModel – 分享音频

完整示例代码

/*
 * [@Author](/user/Author): Arno.su
 * [@Date](/user/Date): 2021-04-27 14:36:24
 * [@LastEditors](/user/LastEditors): Arno.su
 * [@LastEditTime](/user/LastEditTime): 2022-10-26 14:18:58
 */
import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:umshare/umshare.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String? _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // Platform messages are asynchronous, so we initialize in an async method.
  Future<void> initPlatformState() async {
    String? platformVersion;
    // Platform messages may fail, so we use a try/catch PlatformException.
    try {
      await Umshare.init('6049a5076ee47d382b7c2e31');
      await Umshare.platformConfig([
        UmInitWeiBo(
          appKey: '3336474302',
          appSecret: '37f2e80d470f49b0301aa6a31e0700ea',
          redirectUrl: 'https://sns.whalecloud.com/sina2/callback',
        ),
      ]);
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // If the widget was removed from the tree while the asynchronous platform
    // message was in flight, we want to discard the reply rather than calling
    // setState to update our non-existent appearance.
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: const Text('Plugin example app'),
          ),
          body: Column(
            children: [
              Center(
                child: Text('Running ---on: $_platformVersion\n'),
              ),
              TextButton(
                onPressed: () async {
                  var res = await Umshare.share(UmShareWebModel(
                    'https://www.baidu.com',
                    UmShareMedia.weiBo,
                    title: 'demo',
                    text: 'test-----',
                    img: 'https://avatar.csdnimg.cn/0/6/4/3_unhappy_long.jpg',
                  ));
                  print('========结果=========$res');
                },
                child: Text('分享'),
              ),
              TextButton(
                onPressed: () async {
                  var res = await Umshare.auth(UmShareMedia.dingDing);
                  print('========登录====res=======$res');
                },
                child: Text('登录'),
              ),
              TextButton(
                onPressed: () async {
                  var res = await Umshare.checkInstall(UmShareMedia.dingDing);
                  print('========检查是否安装应用====dingDing=======$res');
                },
                child: Text('检查是否安装应用'),
              ),
            ],
          )),
    );
  }
}

更多关于Flutter社交分享插件umshare的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter社交分享插件umshare的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中,umshare 是一个用于实现社交分享功能的插件,它集成了友盟的分享SDK,支持分享到微信、QQ、微博等主流社交平台。以下是使用 umshare 插件的基本步骤:

1. 添加依赖

首先,在 pubspec.yaml 文件中添加 umshare 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  umshare: ^latest_version

然后运行 flutter pub get 来安装依赖。

2. 配置平台

Android

android/app/build.gradle 文件中添加友盟的依赖:

dependencies {
    implementation 'com.umeng.umsdk:common:latest_version'
    implementation 'com.umeng.umsdk:share-core:latest_version'
    implementation 'com.umeng.umsdk:share-qq:latest_version'
    implementation 'com.umeng.umsdk:share-wechat:latest_version'
    implementation 'com.umeng.umsdk:share-sina:latest_version'
}

android/app/src/main/AndroidManifest.xml 文件中添加必要的权限和配置:

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
<uses-permission android:name="android.permission.READ_PHONE_STATE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

iOS

ios/Runner/Info.plist 文件中添加必要的权限和配置:

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>wxYourAppID</string>
            <string>tencentYourAppID</string>
        </array>
    </dict>
</array>
<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

3. 初始化

main.dart 文件中初始化 umshare 插件:

import 'package:umshare/umshare.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  await UmShare.init(
    appKey: 'YourAppKey',
    wechatAppId: 'YourWechatAppId',
    wechatAppSecret: 'YourWechatAppSecret',
    qqAppId: 'YourQQAppId',
    qqAppKey: 'YourQQAppKey',
    sinaWeiboAppId: 'YourSinaWeiboAppId',
    sinaWeiboAppSecret: 'YourSinaWeiboAppSecret',
    sinaWeiboRedirectUrl: 'YourSinaWeiboRedirectUrl',
  );

  runApp(MyApp());
}

4. 实现分享功能

在需要分享的地方调用 UmShare.share 方法:

import 'package:umshare/umshare.dart';

void share() async {
  bool result = await UmShare.share(
    title: '分享标题',
    content: '分享内容',
    imageUrl: 'https://example.com/image.png',
    url: 'https://example.com',
    platform: SharePlatform.wechatSession, // 分享到微信好友
  );

  if (result) {
    print('分享成功');
  } else {
    print('分享失败');
  }
}
回到顶部