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

相关推荐
hudie7659 小时前
LikeShop 二开最常改的 5 个文件(附改前改后对比)
前端·uni-app·php·个人开发
梅雅达编程笔记13 小时前
Day 17 | uni-app 小程序:前端从零搭建
微信小程序·typescript·uni-app·vue3·pinia·前端开发·全栈
一渊之隔1 天前
uniapp BLE 开发踩坑:小米手机数据接收截断问题排查全记录
智能手机·uni-app
阿俊-全栈开发1 天前
LikeShop 单商户标准版 UniApp 端二开:页面组件复用与自定义主题适配
uni-app·likeshop开源商城·likeshop单商户标准版·多商户源码
半生过往2 天前
uni-app多端项目工作笔记
笔记·uni-app
00后程序员张2 天前
无需 Mac 的 iOS App 上架工具,开心上架Appuploader 负责哪些环节
android·ios·小程序·https·uni-app·iphone·webview
2501_915909062 天前
Ipa Guard 防护上架,混淆、重签名和回归测试怎么做
android·ios·小程序·https·uni-app·iphone·webview
济南壹软网络科技有限公司2 天前
盲盒源码系统小程序V6MAX底层架构解析,PHP+Uniapp高性能商用底座发布
小程序·架构·uni-app
2501_915918412 天前
iOS 上架注意事项有哪些?Appuploader 的四个阶段自查清单
android·ios·小程序·https·uni-app·iphone·webview
PedroQue993 天前
uni-app x工程化实战:从页面堆到可维护架构
前端·uni-app