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');
        //请求后端接口完成登录
	}
}

效果展示:

相关推荐
浩星7 小时前
「Vue3 + Cesium 最佳实践」完整工程化方案
前端·javascript·vue.js
小李子呢02117 小时前
前端八股Vue(5)---v-if和v-show
前端·javascript·vue.js
yuki_uix7 小时前
跨域与安全:CORS、HTTPS 与浏览器安全机制
前端·面试
用户3153247795457 小时前
React19项目中 FormEdit / FormEditModal 组件封装设计说明
前端·react.js
陆枫Larry7 小时前
Git 合并冲突实战:`git pull` 失败与 `pull.ff=only` 的那些事
前端
江南月7 小时前
让智能体边想边做:从 0 理解 ReActAgent 的工作方式
前端·人工智能
YiuChauvin7 小时前
vue2中使用 AntV G6
javascript·vue.js
袋鱼不重7 小时前
Hermes Agent 安装与实战:从安装到与 OpenClaw 全方位对比
前端·后端·ai编程
汉秋7 小时前
iOS 自定义 UICollectionView 拼图布局 + 布局切换动画实践
前端