uniapp 对接facebook第三方登录

1.登录facebook开发者中心,打开我的应用页面在这里插入图片描述

2.创建应用

3.选择类型

4.填写信息

5.添加登录

6.添加平台

安卓密钥生成【需要 Java 环境!!! 和 openssl库】

将openssl下载到本地解压即可,不需要配置环境变量

javascript 复制代码
keytool -exportcert -alias androiddebugkey -keystore "C:\Users\USERNAME\.android\debug.keystore" | "PATH_TO_OPENSSL_LIBRARY\bin\openssl" sha1 -binary | "PATH_TO_OPENSSL_LIBRARY\bin\openssl" base64
      
USERNAME  替换为你的电脑用户名
PATH_TO_OPENSSL_LIBRARY  替换为你的openssl根目录

对接登录:

示例代码:

javascript 复制代码
async facebookLogin(){
	const { provider } = await uni.getProvider({ service:'oauth' })
	if(provider.includes('facebook')){
		const { authResult } = await uni.login({ provider: 'facebook'})
		console.log(authResult,'login_rs');
        //请求后端接口完成登录
	}
}

效果展示:

相关推荐
Charlie_lll1 分钟前
学习Three.js–星环粒子(ShaderMaterial)
前端·three.js
wuhen_n5 分钟前
JavaScript事件循环(下) - requestAnimationFrame与Web Workers
开发语言·前端·javascript
我是ed.7 分钟前
Vue3 音频标注插件 wavesurfer
前端·vue.js·音视频
铁蛋AI编程实战15 分钟前
Gemini in Chrome 全实战:解锁+API调用+自定义扩展+本地推理
前端·人工智能·chrome
2501_9159214317 分钟前
不用 Xcode 上架 iOS,拆分流程多工具协作完成 iOS 应用的发布准备与提交流程
android·macos·ios·小程序·uni-app·iphone·xcode
Hexene...22 分钟前
【前端Vue】出现elementui的index.css引入报错如何解决?
前端·javascript·vue.js·elementui
红色的小鳄鱼22 分钟前
Vue 监视属性 (watch) 超全解析:Vue2 Vue3
前端·javascript·css·vue.js·前端框架·html5
web小白成长日记22 分钟前
Vue-实例从 createApp 到真实 DOM 的挂载全历程
前端·javascript·vue.js
晚霞的不甘22 分钟前
Flutter for OpenHarmony实现高性能流体粒子模拟:从物理引擎到交互式可视化
前端·数据库·经验分享·flutter·microsoft·计算机视觉
晚霞的不甘22 分钟前
Flutter for OpenHarmony 流体气泡模拟器:用物理引擎与粒子系统打造沉浸式交互体验
前端·flutter·ui·前端框架·交互