flutter 集成Mob第三方sharesdk登录分享

新项目要做第三方登录和分享,我今天记录一下集成过程,以便大家查阅
主要有QQ、微信、微博三块,微信要审核,QQ注册需要软著截图,所以今天先搞微博
这个是flutter支持swift的mob插件地址
https://pub.dev/packages/sharesdk_plugin#-installing-tab-

在此页面可以看到需要的版本号


image.png

第一步:导入插件

先在pubspec.yaml里导入

sharesdk_plugin: ^1.1.7

别忘了flutter pub get

第二步:Android根目录下的build.gradle

然后在build.gradle里添加classpath


注意目录位置

第三步:app目录下的build.gradle

然后在app目录下的build.gradle里添加代码

apply plugin: 'com.mob.sdk'

MobSDK {
    appKey "2da10c3cd25c0"
    appSecret "14746e75678a749071d24b8dd939ee67"

    ShareSDK {
        //平台配置信息
        devInfo {
            Wechat {
                appId "wx4868b35061f87885"
                appSecret "64020361b8ec4c99936c0e3999a9f249"
            }
            QQ {
                appId "100371282"
                appKey "aed9b0303e3ed1e27bae87c33761161d"
                shareByAppClient true
            }
            SinaWeibo {
                appKey "3675175832"
                appSecret "f7f24b1ffdf64888e8d0fe75e1fa6048"
                callbackUri "https://www.baidu.com/"
                shareByAppClient true
            }
        }
    }
}

这里的appID和appSecret在后面我会一个一个讲怎么弄到
如下


image.png

上面代码里的平台配置信息里的新浪有个callbackUri,这里的是回调URL,注意要和其他几个地方要一致(随便任意URL,只要一致就可以)

第四步:app-src-main下的AndroidManifest.xml

这里需要添加如下几块代码

xmlns:tools="http://schemas.android.com/tools"

tools:replace="android:name"

<meta-data android:name="Mob-AppKey" android:value="2da10c3cd25c0"/>
<meta-data android:name="Mob-AppSecret" android:value="14746e75678a749071d24b8dd939ee67"/>

这里最后两个meta标签里的value,同样在后面会讲到,具体位置如下


image.png

第五步:main.dart注册

到现在Android原生的代码就添加完毕了,开始添加flutter代码。现在main里注册

ShareSDKRegister register = ShareSDKRegister();

register.setupWechat("wx617c77c82218ea2c","c7253e5289986cf4c4c74d1ccc185fb1","https://www.sandslee.com/");

register.setupSinaWeibo("3675175832","f7f24b1ffdf64888e8d0fe75e1fa6048","https://www.baidu.com/");

register.setupQQ("100371282", "aed9b0303e3ed1e27bae87c33761161d");

SharesdkPlugin.regist(register);

这里的前面两位参数都是app key和app Secret,这写参数和第三步的app key和app Secret一样,后面会讲到,注意的是这里新浪第三个参数就是回调URL和第三步的要一致代码位置如下


image.png

记得要在头部引入库文件

///第三方登录分享
import 'package:sharesdk_plugin/sharesdk_plugin.dart';

第六步:在需要第三方登录的地方,跳转登录页

image.png

在登录页引入库

///第三方登录
import 'package:sharesdk_plugin/sharesdk_plugin.dart';

我这里是在登录页有需求,所以在红框的container里这是点击监听函数


image.png
void getUserInfoToSina(BuildContext context) {
    SharesdkPlugin.getUserInfo(
        ShareSDKPlatforms.sina, (SSDKResponseState state,
        Map user, SSDKError error) {
      showAlert(state, user != null ? user : error.rawData, context);
    });
  }

这里的showAlert如下

void showAlert(SSDKResponseState state, Map content, BuildContext context) {
    String title = "失败";
    switch (state) {
      case SSDKResponseState.Success:
        title = "成功";
        break;
      case SSDKResponseState.Fail:
        title = "失败";
        break;
      case SSDKResponseState.Cancel:
        title = "取消";
        break;
      default:
        title = state.toString();
        break;
    }
    showDialog(
        context: context,
        builder: (BuildContext context) =>
            AlertDialog(
                title: new Text(title),
                content: new Text(content != null ? content.toString() : ""),
                actions: <Widget>[
                  new FlatButton(
                    child: new Text("OK"),
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                  )
                ]
            )
    );
  }

Android和flutter代码部分就完成了,ios下次再搞,麻烦的是每个平台的注册来获取app key 和app Secret

微博

这是微博开放平台链接https://open.weibo.com/

登录注册咯

登录后,返回主页点击移动应用来创建第一个app
image.png

image.png

image.png

这里应用名称填你的项目名字,然后选择你想适配的平台,我这里只选Android是因为我先搞一个试试看看行不行
image.png

包名在第四步里的AndroidManifest里可以找到
image.png

签名用一个软件可以找到
https://pan.baidu.com/s/1y_auOhRUTNPfhgUfmVTOtg
提取码:d4u5
image.png

下载地址随便填一个网页,公司的任意下载链接都行,起始我觉得是个网页可能都行


image.png

把必填项都填点东西,随便填,然后注意的是两个红框里的,第一个就是我们上面几步里需要的App Key和App Secret,分别记下填到之前的步骤里去,安全域名要填写mob官方文档里的几个


image.png

最后的几个图标和应用照片随便上传几个上去,但要符合尺寸要求(尺寸不对不给上传)
image.png

填完后的再到高级信息里进行设置


image.png

这里的两个URL和之前步骤里的回调URL要一致,否则会出错
不一致就会报这个错

然后我们设置iPhone,也就是xcode端
image.png

然后
image.png

这里的bundile ID在这里找到
image.png

apple id如果你是上app store 就按照教程来
如果你是企业分发app就随便填一个进去,例如534140932,填完后保存以上信息就可以
然后在


image.png

填入你mob后台应用的key和secret
然后再
image.png

点加号添加一个URL Types ,identifier填写你要跳转的名字,例如我这里要用微博,就标明weibo,只是用于好记,URL Schemes要按照格式来
image.png

然后
image.png

这里只留下你需要的平台
最后出现这个就代表登录成功
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,692评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,482评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,995评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,223评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,245评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,208评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,091评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,929评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,346评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,570评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,739评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,437评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,037评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,677评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,833评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,760评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,647评论 2 354

推荐阅读更多精彩内容