uni-app facebook登录

开发背景

项目是海外运行的app,需要用到Facebook登录。也在插件市场找了几个插件试用,都是只能拿到access_token ,拿不到id_token 。因项目需要,我需要拿到id_token去Supabase里使用。因此就自己对接官方的SDK实现一个Facebook登录。还完成了一个Google登录的UTS插件开发,在下一篇文章中介绍。

使用教程

插件api介绍

javascript 复制代码
/**
 * @return string 登录参数
 * @description 获取KeyHash,针对安卓平台
 */
export declare function getKeyHash() : string[]

/**
 * @param callback 回调方法
 * @description 默认参数快捷登录,不传参
 */
export declare function quickLogin(callback : HYLoginCallback) : void

/**
 * @param param 登录参数
 * @param callback 回调方法
 * @description 自定义参数的呢牢固,可以传入nonce等
 */
export declare function login(param : HYLoginOptions, callback : HYLoginCallback) : void

/**
 * @returns boolean 登录状态
 * @description 获取登录状态
 */
export declare function isLoggedIn() : boolean

/**
 * @param callback 回调方法
 * @description 退出登录
 */
export declare function logout(callback : HYLoginCallback) : void

/**
 * @param param 用户信息参数
 * @param callback 回调方法
 * @description 获取用户信息
 */
export declare function getUserInfo(param : UTSJSONObject, callback : HYLoginCallback) : void

头文件导入

javascript 复制代码
import * as HYFacebook from '@/uni_modules/hy-facebookSignIn'

方法调用

javascript 复制代码
2.1 登录
//根据个人需求可以自定义options参数
let options = {
    nonce: '123',
    limited: false,
    permissions: ['email', 'public_profile']
}
HYFacebook.login(options, (result) => {
    console.log(result)
    if (result.code === 0) {
        // 登录成功

    } else {
        // 登录失败

    }
})

2.2 退出的呢牢固
HYFacebook.logout((result)=>{

})

2.3 获取用户信息
HYFacebook.getUserInfo({ fields: 'id, name, email' }, (result) => {                
    if (result.code === 0) {
        // 获取用户信息成功

    } else {
        // 获取用户信息失败

    }
})

效果预览



插件市场地址

大家可以前往插件市场查看本插件的一些信息,也可以查看使用本人的其他插件,如觉有所帮助,可以动动发财的小手点个赞和收藏一下,非常感激!本插件地址如下:

iOS/Android上Facebook登录

相关推荐
Mr_li14 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup16 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia2 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia2 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲3 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang4 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ4 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理4 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close5 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
特立独行的猫a5 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x