HarmonyOS NEXT实战:接入QQ SDK

简介: 《HarmonyOS Next实战:集成三方SDK实现QQ登录功能》 本文详解如何在HarmonyOS应用中接入腾讯QQ开放平台SDK,完成QQ登录功能开发。内容涵盖开发者注册、应用申请、鸿蒙项目配置及SDK集成步骤,并提供代码示例与接入流程说明,助力教育类应用快速集成社交登录功能。

HarmonyOS Next实战##三方SDK##教育

参考资料
移动应用接入流程:
https://wiki.connect.qq.com/%e7%a7%bb%e5%8a%a8%e5%ba%94%e7%94%a8%e6%8e%a5%e5%85%a5%e6%b5%81%e7%a8%8b

HarmonyOS_SDK环境搭建:
https://wiki.connect.qq.com/harmonyos_sdk%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba

SDK Demo下载:
https://wiki.connect.qq.com/sdk%e4%b8%8b%e8%bd%bd

移动应用接入流程:
移动应用通过以下几个步骤,即可接入互联开放平台 [ https://connect.qq.com ] :
开发者注册 > 移动应用申请 > 移动应用开发 > 调用OpenAPI

  1. 开发者注册
    在QQ互联开放平台首页 http://connect.qq.com/ ,点击右上角的“登录”按钮,使用QQ账号登录,登录成功后会跳转到开发者注册页面,在注册页面需要提交公司或个人的基本资料。
  2. 移动应用接入申请
    · 移动应用接入前,需首先进行申请,获得对应的appid与appkey,以保证后续流程中可正确对移动应用与用户进行验证与授权。
    · 如果您的PC应用已经接入腾讯开放平台,则不需要重新获得appid与appkey,只需使用接入腾讯开放平台时获得的appid,即可添加为移动应用。
    · 添加移动应用:开发者注册成功后,会跳转到“管理中心”页面。点击“添加移动应用”,填写相应的信息。
    · 移动应用信息填写完成,点击“确定”后,移动应用注册完成,进入管理中心,可以查看到移动应用获取的appid和appkey
  3. 移动应用开发
    进入控制台页面,可以看到移动应用申请处于“开发”状态。移动应用上线,首先需对移动应用进行开发,即完成QQ登录功能并正常放置QQ登录按钮。
  4. 使用QQ互联提供的OpenAPI
    完成移动应用的开发后,即可在“管理中心”的“控制台”页面,点击“当前流程”下的“申请上线”,流程处于“审核”状态。
    提交审核后,腾讯会在两个工作日完成审核,审核通过后,移动应用即正式上线。

开发说明
QQ登录功能使用国际通用的OAuth2.0协议进行验证与授权,可通过以下方式进行移动应用开发:
(1)QQ互联分别提供了iOS和Android的SDK开发包。如果手机安装了QQ,则启动手机QQ进行SSO登录。如没有安装,则通过手机系统的浏览器进行登录。登录的流程已经集成在SDK里,建议开发者使用此方法。详见:SDK下载
(2)根据QQ登录OAuth2.0协议,自主开发,此方法自定义程度较高,需要与现有系统进行整合的移动应用可选用此方法。

鸿蒙项目配置:
添加依赖,执行命令

ohpm i @tencent/qq-open-sdk

运行后在工程级 oh-package.json5 文件中可看到新增依赖库

  "dependencies": {
   
    "@tencent/qq-open-sdk": "^1.0.3"
  }

修改模块配置:
修改entry的module.json5文件,配置skills

        "skills": [
          {
   
            "entities": [
              "entity.system.home",
              "entity.system.browsable"
            ],
            "actions": [
              "action.system.home",
              "ohos.want.action.viewData"
            ],
            "uris": [
              {
   
                "scheme": "qqopenapi", // 接收 QQ 回调数据
                "host": "xxxxxxxxx", // 业务申请的互联 appId,如果填错会导致 QQ 无法回调
                "pathRegex": "\\b(auth|share)\\b",
                "linkFeature": "Login",
              }
            ]
          }
        ]

继续修改entry的module.json5文件,增加querySchemes

    "querySchemes": [
      "https",
      "qqopenapi"
    ]

增加SDK工具类:
添加QQOpenApiHolder

import {
    SdkConfig } from '@heduohao/bases'
import {
    IQQOpenApi, OpenApiConfig, QQOpenApiFactory } from '@tencent/qq-open-sdk'

export class QQOpenApiHolder {
   
  private static qqOpenApi: IQQOpenApi

  private constructor() {
   

  }

  public static create(): IQQOpenApi {
   
    if (!QQOpenApiHolder.qqOpenApi) {
   
      let openApiOption: OpenApiConfig = {
   
        forceEnableWeb: false,
        autoHandleAuthResult: true,
      }

      QQOpenApiHolder.qqOpenApi =
        QQOpenApiFactory.createApi(SdkConfig.QQ_SDK_APP_ID, openApiOption)
    }
    return QQOpenApiHolder.qqOpenApi
  }

  public static getInstance(): IQQOpenApi {
   
    return QQOpenApiHolder.qqOpenApi
  }
}

EntryAbility接入QQOpenApiHolder

  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
   
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
    QQOpenApiHolder.create()
  }

  onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void {
   
    QQOpenApiHolder.getInstance()?.handleResult(want)
  }
目录
相关文章
|
3月前
|
JSON 算法 开发工具
HarmonyOS NEXT实战:通过QQ分享内容
本教程介绍如何在HarmonyOS Next项目中接入QQ SDK实现分享功能,包含依赖配置、签名生成及分享逻辑代码,适用于教育类应用的内容分享场景。
131 0
|
3月前
|
开发工具 开发者
HarmonyOS NEXT实战:接入微信SDK
本教程介绍如何在HarmonyOS Next中集成微信开放SDK,实现微信登录与数据交互功能。内容涵盖应用配置、SDK依赖设置、模块与构建修改、工具类添加及常见问题处理,适用于教育场景下的开发者学习与实践。
159 0
|
3月前
|
开发工具 开发者
HarmonyOS NEXT实战:openCustomDialog自定义弹窗
本文介绍了在HarmonyOS SDK中使用UIContext获取PromptAction对象,通过openCustomDialog接口实现自定义弹出框的方法。重点讲解了ComponentContent方式创建弹窗,支持动态更新与灵活样式定制,并附实现步骤与完整示例代码。
151 0
|
3月前
|
JSON JavaScript 前端开发
HarmonyOS NEXT实战:接入和使用axios
HarmonyOS Next 实战中,使用 Axios 可实现高效网络请求。Axios 是基于 Promise 的库,支持 GET、POST 等方法,并具备拦截器、自动 JSON 转换等功能。适配 OpenHarmony 后,仍保留其原有特性。需安装 @ohos/axios 并配置网络权限,可创建工具类统一管理请求与响应。
180 0
|
3月前
|
开发工具 开发者
HarmonyOS NEXT实战:使用Emitter进行线程间通信
HarmonyOS Next实战教程,介绍基于SDK的Emitter事件处理机制。Emitter用于进程内事件订阅与发布,支持跨线程通信,提供on、once、emit、off等接口,实现异步任务处理。通过示例演示事件订阅、发布及取消订阅操作,帮助开发者高效管理应用内事件流,提升开发效率与系统资源利用率。
135 0
|
3月前
|
安全 开发工具
HarmonyOS NEXT实战:通过微信分享内容
本教程介绍如何在HarmonyOS Next项目中接入微信SDK,实现内容分享功能。涵盖环境搭建、代码集成及分享图文、网页等内容的具体实现方式,适用于教育类应用快速集成社交分享能力。
112 0
鸿蒙NEXT-HMRouter,在使用router后无法跳转问题解决
作者在使用HMRouter搭建鸿蒙三层架构App时,遇到登录页跳转首页后无法继续跳转的问题。经排查发现,错误原因是在onVisibleAreaChange中直接跳转导致页面生命周期冲突。解决方案是将跳转逻辑移至页面生命周期回调如aboutToAppear中执行,从而确保路由状态正常,成功修复Bug。
165 0
|
3月前
|
安全 前端开发 API
HarmonyOS NEXT实战:窗口沉浸式效果
简介: 本文介绍如何在HarmonyOS SDK中实现沉浸式页面效果,提升用户体验。通过设置窗口全屏模式或扩展组件安全区域,使应用界面更专注于内容,充分利用屏幕空间,避免状态栏与导航栏干扰。提供完整实战代码,适用于教育类及其他需沉浸式体验的应用开发。
101 1
|
3月前
|
API 开发工具 开发者
HarmonyOS NEXT实战:滑动条
本节介绍HarmonyOS Next中Slider滑动条组件的使用,涵盖横向与竖向滑动条实现。通过实战演示如何调节音量、亮度等场景,讲解Slider参数配置及样式设置,帮助开发者快速掌握滑动条应用开发技巧。
76 1
|
3月前
|
开发工具 开发者
HarmonyOS NEXT实战:播放视频
本教程介绍如何在HarmonyOS SDK中使用Video组件实现视频播放、暂停、结束、重置及跳转播放等功能,适用于教育类应用开发,提升视频交互体验。
113 1