京东联盟flutter插件使用方法

文档地址：https://baiyuliang.blog.csdn.net/article/details/134444104

京东联盟flutter插件地址：https://pub.dev/packages/jdkit

1.京东联盟官网注册申请步骤略~

2.安卓端插件配置：

1）将申请的安全图片，safe.jpg放在flutter项目，android主工程res/raw下：

2）从github上，将jdsdk文件夹下载下来，并放入anrdoid主工程下：

3）修改jdsdk中的AndroidMainfest.xml：

  <activityandroid:name="com.kepler.jd.sdk.KeplerBackActivity"android:exported="true"android:theme="@android:style/Theme.Translucent"><intent-filter><action android:name="android.intent.action.VIEW" /><category android:name="android.intent.category.DEFAULT" /><data android:scheme="sdkback49d5d16d4f8ba1411c2c1533c2308a47" /></intent-filter></activity>

将scheme：sdkback后的key修改为自己的！

4）android主工程 settings.gradle中添加：include ':jdsdk'

3.IOS端插件配置

1）将申请的安全图片safe.jpg，放入IOS主工程Runner/bundle文件夹下：

4.其它配置

其它配置，请按京东联盟官方文档进行配置！

5.京东OAuth授权

• 1）将你在京东联盟后台申请的app提交审核，待审核通过；
• 2）添加安卓端主工程Mainactivity的scheme：自定义，并将launchMode修改为 singleTask；
• 3）添加IOS主工程URL type(url schecme：自定义)；
• 4）flutter pubspec.yaml引入三个插件：appscheme: ^1.0.8，webview_flutter: ^4.4.1，url_launcher: ^6.1.12；
• 5）在需要调用京东授权的页面引入如下代码（Webview，打开授权url及拦截京东Scheme）：

late WebViewController webViewController;

webViewController = WebViewController()..setJavaScriptMode(JavaScriptMode.unrestricted)..setNavigationDelegate(NavigationDelegate(onProgress: (int progress) {},onPageStarted: (String url) {},onPageFinished: (String url) {},onWebResourceError: (WebResourceError error) {},onNavigationRequest: (NavigationRequest request) {if (request.url.startsWith('openapp.jdmobile')) {launchUrlString(request.url);return NavigationDecision.prevent;}return NavigationDecision.navigate;},),);

由于我们不需要展示webview的跳转过程，所以可将webview宽高设为0：

SizedBox(width: 0, height: 0, child: WebViewWidget(controller: webViewController))

• 6）打开京东授权url（key替换为自己的）：

webViewController.loadRequest(Uri.parse("https://open-oauth.jd.com/oauth2/to_login?app_key=xxx&response_type=code&redirect_uri=xindongriji://xdrj?event=jdsq&state=20180416&scope=snsapi_alliance_app_base"));

• 7）在flutter的main中接收京东的回调：

AppScheme? appScheme = AppSchemeImpl.getInstance();
appScheme?.getInitScheme().then((value) {if (value != null) {setState(() {result = "${value.dataString}";});}
});
appScheme?.registerSchemeListener().listen((event) {if (event != null) {setState(() {result = "${event.dataString}";});}
});

回调的str格式：你的scheme://xdrj?event=jdsq&state=自定义内容原封不动返回&code=xxx，你拿到code后即可请求jd提供的其它接口：