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登录

相关推荐
梦曦i21 小时前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
码农刚子1 天前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·.net·saas
PedroQue991 天前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
CSharp精选营1 天前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·efcore·.net8·多租户·saas踩坑
FinelyYang2 天前
UniApp + LiveKit:Android 端为什么要用原生做屏幕共享,以及我们怎么落地的
android·uni-app
宠友信息2 天前
IM系统开发技术路线分析,即时通讯源码助力快速搭建聊天应用
java·spring boot·redis·websocket·mysql·uni-app·vue
qq_316837753 天前
uniapp + Vite + ffmpeg-wasm 0.12.x 集成示例
ffmpeg·uni-app·wasm
游戏开发爱好者83 天前
开心上架是什么,一站式 Apple 开发者工作台总览
android·小程序·https·uni-app·iphone·webview
年年CODE3 天前
uni-app 实现 AI 流式问答:H5 EventSource 与微信小程序 onChunkReceived 的兼容方案
uni-app
lhldsg3 天前
从匿名倾诉到树洞社交:基于Spring Boot与uniapp的多端匿名社交系统设计与实现
spring boot·后端·uni-app