前言
这是一个基于 ShareSDK 功能的扩展的 Flutter 插件。使用此插件能够帮助您在使用 Flutter 开发应用时,快速地实现社会化功能,例如第三方授权登录,获取用户信息以及社交平台的分享等功能。
Demo 例子:https://github.com/MobClub/ShareSDK-For-Flutter
开始集成
引入插件
sharesdk_plugin | Flutter Package (pub.dev)
在 pubspec.yaml 文件中加入下面依赖
dependencies: mobcommonlib: sharesdk_plugin:
复制代码
然后执行:flutter packages get 导入 package
在你的 dart 工程文件中,导入下面头文件,开始使用
import 'package:sharesdk_plugin/sharesdk_plugin.dart';
复制代码
iOS 端集成配置
iOS 端自定义需要导入的分享平台(非必须)
iOS : 这个文件里默认有我们的一些主流平台,如果需要增加平台,或者减少平台,你需要重新编辑 sharesdk_plugin.podspec 文件设置 dependency,具体支持的平台可以参阅 pod search mob_sharesdk 或者参考 官网文档
## To learn more about a Podspec see http://guides.cocoapods.org/syntax/podspec.html#Pod::Spec.new do |s| s.name = 'sharesdk_plugin' s.version = '1.1.0' s.summary = 'Flutter plugin for ShareSDK.' s.description = <<-DESC ShareSDK is the most comprehensive Social SDK in the world,which share easily with 40+ platforms. DESC s.homepage = 'http://www.mob.com/mobService/sharesdk' s.license = { :file => '../LICENSE' } s.author = { 'Mob' => 'mobproduct@mob.com' } s.source = { :path => '.' } s.source_files = 'Classes/**/*' s.public_header_files = 'Classes/**/*.h' s.dependency 'Flutter' s.dependency 'mob_sharesdk' s.dependency 'mob_sharesdk/ShareSDKExtension' s.dependency 'mob_sharesdk/ShareSDKUI' s.dependency 'mob_sharesdk/ShareSDKPlatforms/QQ' s.dependency 'mob_sharesdk/ShareSDKPlatforms/SinaWeibo' s.dependency 'mob_sharesdk/ShareSDKPlatforms/WeChat' s.dependency 'mob_sharesdk/ShareSDKPlatforms/Facebook' s.dependency 'mob_sharesdk/ShareSDKPlatforms/Twitter' s.static_framework = true
s.ios.deployment_target = '8.0'end
复制代码
改好了之后,cd 到 Xcode 目录下,重新 pod update 即可!
初始化 SDK
配置初始化我们 SDK 的 AppKey
在项目工程的 Info.plist 中如图增加 MOBAppKey 和 MOBAppSecret 两个字段
配置平台的 URL SCheme 和白名单
请参考原生文档里的第四点配置 XCode 项目里的 URL Scheme 配置 和 白名单配置
第三方平台初始化
添加初始化代码
@overridevoid initState() {// TODO: implement initStatesuper.initState();
ShareSDKRegister register = ShareSDKRegister(); register.setupWechat( "wx617c77c82218ea2c", "c7253e5289986cf4c4c74d1ccc185fb1", "https://70imc.share2dlink.com/"); register.setupSinaWeibo( "568898243", "38a4f8204cc784f81f9f0daaf31e02e3", "http://www.sharesdk.cn", "https://70imc.share2dlink.com/"); register.setupQQ("100371282", "aed9b0303e3ed1e27bae87c33761161d"); register.setupFacebook( "1412473428822331", "a42f4f3f867dc947b9ed6020c2e93558", "shareSDK"); register.setupTwitter("viOnkeLpHBKs6KXV7MPpeGyzE", "NJEglQUy2rqZ9Io9FcAU9p17omFqbORknUpRrCDOK46aAbIiey", "http://mob.com"); register.setupLinkedIn("46kic3zr7s4n", "RWw6WRl9YJOcdWsj", "http://baidu.com"); SharesdkPlugin.regist(register);}
复制代码
Android 端集成配置
重新编辑 build.gradleAndroid : 你需要重新编辑 build.gradle, mobsdk.gradle 文件来选择你需要使用的平台,具体支持的平台可以参阅 官网技术文档
配置 AndroidManifestAndroidManifest 中需要加入配置
tools:replace="android:name"
复制代码
将其加到 application 中,避免 mobsdk 与 flutter 的 application 冲突;
第三方平台添加
mobsdk.gradle
如下所示,devInfo 内部,需要的平台可以自己添加,不需要的可以删除其中的配置即可;具体支持的平台可以参阅 官网技术文档
MobSDK {appKey "moba6b6c6d6"appSecret "b89d2427a3bc7ad1aea1e1e8c1d36bf3"
ShareSDK {
devInfo { QQ { id 7 sortId 7 appId "100371282" appKey "aed9b0303e3ed1e27bae87c33761161d" shareByAppClient true bypassApproval false enable true }
SinaWeibo { id 1 sortId 1 appKey "568898243" appSecret "38a4f8204cc784f81f9f0daaf31e02e3" callbackUri "http://www.sharesdk.cn" shareByAppClient true enable true }
Wechat { id 4 sortId 4 appId "wx4868b35061f87885" appSecret "64020361b8ec4c99936c0e3999a9f249" userName "gh_afb25ac019c9" path "pages/index/index.html?id=1" withShareTicket true miniprogramType 0 bypassApproval false enable true }
Facebook { id 8 sortId 8 appKey "1412473428822331" appSecret "a42f4f3f867dc947b9ed6020c2e93558" callbackUri "https://mob.com" shareByAppClient true enable true }
Twitter { id 9 sortId 9 appKey "viOnkeLpHBKs6KXV7MPpeGyzE" appSecret "NJEglQUy2rqZ9Io9FcAU9p17omFqbORknUpRrCDOK46aAbIiey" callbackUri "http://mob.com" shareByAppClient true enable true } } }}
复制代码
API 接口调用
回传用户隐私授权结果 (submitPrivacyGrantResult)
/** * 回传用户隐私授权结果 * @param status 用户是否同意隐私协议 * @param result 默认传null */ Mobcommonlib.submitPolicyGrantResult(bool status, Function(bool)? result)
复制代码
例:Mobcommonlib.submitPolicyGrantResult(true, null);
复制代码
ShareSDK 功能接口使用
授权(auth)
void authToWechat(BuildContext context) { SharesdkPlugin.auth( ShareSDKPlatforms.wechatSession, null, (SSDKResponseState state, Map user, SSDKError error) { showAlert(state, user != null ? user : error.rawData, context); }); }
复制代码
获取用户信息(getUserInfo)
void getUserInfoToWechat(BuildContext context) { SharesdkPlugin.getUserInfo( ShareSDKPlatforms.wechatSession, (SSDKResponseState state, Map user, SSDKError error) { showAlert(state, user != null ? user : error.rawData, context); }); }
复制代码
ShareSDKPlatforms.wechatSession 这里以微信平台授权作为示例。
调用九宫格分享(showMenu)
setGeneral 内的方法顺序及说明:
SSDKMap params = SSDKMap() ..setGeneral( "title", "text", ["http://wx3.sinaimg.cn/large/006nLajtly1fpi9ikmj1kj30dw0dwwfq.jpg"], "http://wx3.sinaimg.cn/large/006nLajtly1fpi9ikmj1kj30dw0dwwfq.jpg", "", "http://www.mob.com/", "http://wx4.sinaimg.cn/large/006WfoFPly1fw9612f17sj30dw0dwgnd.jpg", "http://i.y.qq.com/v8/playsong.html?hostuin=0&songid=&songmid=002x5Jje3eUkXT&_wv=1&source=qq&appshare=iphone&media_mid=002x5Jje3eUkXT", "http://f1.webshare.mob.com/dvideo/demovideos.mp4", "", SSDKContentTypes.webpage); SharesdkPlugin.showMenu(null, null, params, (SSDKResponseState state, ShareSDKPlatform platform, dynamic userData, dynamic contentEntity, SSDKError error) { showAlert(state, error.rawData, context); });
复制代码
单独分享第三方平台(share)
如下所示,替换 share 方法内 ShareSDKPlatforms.wechatSession 第三方平台名称,即可单独分享不同的平台;具体第三方平台名称可以参考如下;
//单独公共分享 SSDKMap params = SSDKMap()..setGeneral("h5.yoto.fun","text",["http://pic28.photophoto.cn/20130818/0020033143720852_b.jpg"],"","","http://mob.com","","","","",SSDKContentTypes.image);
SharesdkPlugin.share(ShareSDKPlatforms.wechatSession, params, (SSDKResponseState state, dynamic userdata, dynamic contentEntity, SSDKError error) { showAlert(state, error.rawData, context);});
复制代码
单独分享 QQ
不需要的参数传 null 即可
setQQ
SSDKMap params = SSDKMap() ..setQQ( "text", "title", "http://m.93lj.com/sharelink?mobid=ziqMNf", "", "", "", "", "", "http://wx4.sinaimg.cn/large/006tkBCzly1fy8hfqdoy6j30dw0dw759.jpg", "", "", "http://m.93lj.com/sharelink?mobid=ziqMNf", "", "", SSDKContentTypes.webpage, ShareSDKPlatforms.qq); SharesdkPlugin.share(ShareSDKPlatforms.qq, params, (SSDKResponseState state, dynamic userdata, dynamic contentEntity, SSDKError error) { showAlert(state, error.rawData, context); });
复制代码
单独分享微博
setSina
SSDKMap params = SSDKMap() ..setSina( "text", "title", [ "http://download.sdk.mob.com/web/images/2019/07/30/14/1564468183056/750_750_65.12.png" ], "", "http://www.mob.com/", 0.0, 0.0, "", false, "http://wx4.sinaimg.cn/large/006WfoFPly1fq0jo9svnaj30dw0dwdhv.jpg", "", SSDKContentTypes.auto); SharesdkPlugin.share(ShareSDKPlatforms.sina, params, (SSDKResponseState state, dynamic userdata, dynamic contentEntity, SSDKError error) { showAlert(state, error.rawData, context); });
复制代码
微博分享卡片模式
setSinaLinkCard
linkcard 类型如下参数,都不能为空
SSDKMap params = SSDKMap() ..setSinaLinkCard( "linkcard_text", "linkcard_title", "http://www.mob.com/", "全新品牌,优质服务", "http://wx4.sinaimg.cn/large/006WfoFPly1fq0jo9svnaj30dw0dwdhv.jpg", "120", "120"); SharesdkPlugin.share(ShareSDKPlatforms.sina, params, (SSDKResponseState state, dynamic userdata, dynamic contentEntity, SSDKError error) { showAlert(state, error.rawData, context); });
复制代码
单独分享推特
单独分享 facebook
分享小程序参数
setWeChatMiniProgram
分享到微信
setWechat
分享到绿洲
setOasis
SSDKMap params = SSDKMap()..setOasis("title","text",null,"http://wx4.sinaimg.cn/large/006tkBCzly1fy8hfqdoy6j30dw0dw759.jpg","","",SSDKContentTypes.image);
SharesdkPlugin.share(ShareSDKPlatforms.oasis, params, (SSDKResponseState state, dynamic userdata, dynamic contentEntity, SSDKError error) { showAlert(state, error.rawData, context);});
复制代码
新增对原生 FacebookSDK 的支持(SSDKFacebookShareType)
新增跳转到原生分享和在 app 内分享
class SSDKFacebookShareTypes extends Object { static SSDKFacebookShareType get native => SSDKFacebookShareType(value: 1); static SSDKFacebookShareType get sheet => SSDKFacebookShareType(value: 2);}
复制代码
Flutter iOS 端注意事项
由于插件更新,SDK 的 Pod 依赖被替换,Flutter 本身写入 Pod 文件不会先执行删除原有依赖,导致可能会出现原有本地库依然存在,请检查 Pod 文件夹下文件,直接手动删除 mob_shareSDK 以及 MOBFoundation 文件即可,如有疑问,请直接通过官网和我们联系。
评论