HarmonyOS微博第三方登录实现

百家 作者:51CTO技术栈 2021-09-30 18:02:55

前期准备


在微博开放平台注册一个网站应用,微博开放平台地址如下:

https://open.weibo.com/connect

进入正题


①创建一个登录页面的 Ability


因为使用的是网站接入的方式,所以登录使用 WebView 来实现。


登录页布局文件:
<?xml?version="1.0"?encoding="utf-8"?>
<DirectionalLayout
????xmlns:ohos="http://schemas.huawei.com/res/ohos"
????ohos:height="match_parent"
????ohos:width="match_parent"
????ohos:orientation="vertical">


????<ohos.agp.components.webengine.WebView
????????ohos:id="$+id:WebView_weibologin"
????????ohos:height="match_parent"
????????ohos:width="match_parent"/>


</DirectionalLayout>

②在登录页 AbilitySlice 中对 WebView 进行设置。

public?void?onStart(Intent?intent)?{
????????super.onStart(intent);
????????super.setUIContent(ResourceTable.Layout_ability_wei_bo_login);

????????WebView?myWebView?=?(WebView)?findComponentById(ResourceTable.Id_WebView_weibologin);
????????myWebView.getWebConfig().setJavaScriptPermit(true);

????//自定义WebAgent?用于登录的相关操作
????????myWebView.setWebAgent(new?WebAgent(){

????//?isNeedLoadUrl?当WebView即将打开一个链接时会调用此方法?
????????????@Override
????????????public?boolean?isNeedLoadUrl(WebView?webView,?ResourceRequest?request)?{
????????//?request.getRequestUrl().toString().startsWith("sinaweibo")?
????????//?当请求链接为sinaweibo开头(点击网页上一键登录会唤起微博客户端)时,使用下面的方法唤起微博客户端。
????????????????if?(request.getRequestUrl().toString().startsWith("sinaweibo")){
????????????????????Intent?intent?=?new?Intent();
????????????????????intent.setAction("android.intent.action.VIEW");
????????????????????intent.setUri(Uri.parse(request.getRequestUrl().toString()));
????????????????????intent.addFlags(Intent.FLAG_ABILITY_NEW_MISSION);
????????????????????startAbility(intent);
????????????????????return?false;
????????????????}

????????//?当在微博客户端授权后,会重定向至定义的网址,示例中重定向至https://api.dsttl3.cn/?code=【code的值】?,这时候就可以从链接中获取到code进行下一步了。这里把code传入下个页面
????????????????if?(request.getRequestUrl().toString().startsWith("https://api.dsttl3.cn)){
????????????????????String?code?=?request.getRequestUrl().toString().substring(28);
????????????????????Intent?intent?=?new?Intent();
????????//??在intent中带上code
????????????????????intent.setParam("
code",code);
????????????????????Operation?operation?=?new?Intent.OperationBuilder()
????????????????????????????.withDeviceId("
")
????????????????????????????.withBundleName("
cn.dsttl3.dome.weibologin")
????????????????????????????.withAbilityName("
cn.dsttl3.dome.weibologin.MyAbility")
????????????????????????????.build();
????????????????????intent.setOperation(operation);
????????????????????startAbility(intent);
????????//?结束当前Ability
????????????????????terminateAbility();
????????????????}
????????????????return?true;
????????????}
????????});
????????//授权连接,需要自己修改
????????myWebView.load("
https://api.weibo.com/oauth2/authorize?client_id=2593566539&response_type=code&forcelogin=false&scope=all&redirect_uri=https%3A%2F%2Fapi.dsttl3.cn");
????}


③获取到 code 后,在 MyAbility 中获取微博 token。

public?void?onStart(Intent?intent)?{
????????super.onStart(intent);
????????super.setUIContent(ResourceTable.Layout_ability_my);
????????Text?text?=?(Text)?findComponentById(ResourceTable.Id_text_helloworld);
????????String?code?=?intent.getStringParam("code");
????????new?Thread(new?Runnable()?{
????????????@Override
????????????public?void?run()?{
????????????????try?{
????????????????????String?YOUR_CLIENT_ID?=?"2593566539";
????????????????????String?YOUR_CLIENT_SECRET?=?"383fc6262e954e18f5b7efe3c9899284";
????????????????????String?YOUR_REGISTERED_REDIRECT_URI?=?"https://api.dsttl3.cn";
????????????????????String?ACCESS_TOKEN_URL?=?"https://api.weibo.com/oauth2/access_token";
????????????????????OkHttpClient?client?=?new?OkHttpClient();
????????????????????FormBody?body?=?new?FormBody.Builder()
????????????????????????????.add("client_id",?YOUR_CLIENT_ID)
????????????????????????????.add("client_secret",?YOUR_CLIENT_SECRET)
????????????????????????????.add("grant_type",?"authorization_code")
????????????????????????????.add("redirect_uri",?YOUR_REGISTERED_REDIRECT_URI)
????????????????????????????.add("code",?code).build();
????????????????????Request?okRequest?=?new?Request.Builder().url(ACCESS_TOKEN_URL).header("referer",YOUR_REGISTERED_REDIRECT_URI).post(body).build();
????????????????????Call?call?=?client.newCall(okRequest);
????????????????????Response?re?=?call.execute();
????????????????????String?s?=?re.body().string();
????????????????????Gson?gson?=?new?Gson();
????????????????????WeiBoTokenJson?w?=?gson.fromJson(s,?WeiBoTokenJson.class);
????????????????????getUITaskDispatcher().asyncDispatch(new?Runnable()?{
????????????????????????@Override
????????????????????????public?void?run()?{
????????????????????????????text.setText("登录成功:token="?+?w.getAccess_token());
????????????????????????}
????????????????????});
????????????????}?catch?(IOException?e)?{
????????????????????e.printStackTrace();
????????????????}
????????????}
????????}).start();


获取微博 Token 完成。


效果演示如下:

了解更多请下载源代码:

https://gitee.com/dsttl3/WeiBoLogin

预约今晚?OpenHarmony 线上见面会

关注公众号:拾黑(shiheibook)了解更多

[广告]赞助链接:

四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

公众号 关注网络尖刀微信公众号
随时掌握互联网精彩
赞助链接