免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持APP、电脑端、小程序、IOS免签等等

Facebook Login 登录 APP开发实现唤起 Facebook应用授权三方登录

1.首先到 Facebook Login 登录 官方申请接口

地址:https://developers.facebook.com/docs/facebook-login

获取到接口数据之后,在一门开发者后台输入接口信息

2.在一门开发者后台找 Facebook Login 登录功能模块

 Facebook Login 登录 APP开发实现唤起 Facebook应用授权三方 Login 登录
Facebook Login 登录

如图,在配置-配置移动版-找到Facebook登录功能

点击功能模块,会弹出模块配置界面;

 Facebook Login 登录 APP开发实现唤起 Facebook应用授权三方 Login 登录
Facebook Login 登录

在弹出的配置界面,点击勾选打包;

之后点击保存按钮;

3.点击【去配置Facebook】按钮,跳转页面到登录接口信息配置页面

 Facebook Login 登录 APP开发实现唤起 Facebook应用授权三方 Login 登录
Facebook Login 登录
 Facebook Login 登录 APP开发实现唤起 Facebook应用授权三方 Login 登录
Facebook Login 登录

如图所示,将在脸书开发中心申请好的APPID填写到这里,之后点击保存;

保存之后,点击左侧的【生成安装包】按钮,在线生成新版APK安装包;

4.在页面HTML网页上执行我们提供的JS映射接口

https://www.yimenapp.com/doc/demo_fblogin.cshtml

根据demo页面的JS代码自行在自己网页上构建撰写JS;

核心代码示例,详情参阅demo

jsBridge.fbLogin.login({
 //字符串数组,需要申请的权限
 //所有可用权限请查看 权限参考文档,部分权限需要 Facebook 审核后才可用
 permissions: [ "public_profile" ]
}, function(succ, data) {
 if (data.result == "success") {
 //data.accessToken.token
 //data.accessToken.userId
 //...
 //请使用 data.accessToken 参数调用服务器端 图谱 API 完成更多操作
 alert("登录成功:\n" + JSON.stringify(data));
 } else if (data.result == "cancel") {
 alert("已取消登录");
 } else if (data.result == "error") {
 alert("错误:" + data.message);
 } else {
 alert(JSON.stringify(data));
 }
});

这样我们在APP内点击对应的按钮即可实现APP拉起脸书APP,并获取到脸书返回的字符串;

之后将获取到的数据绑定到自己数据库,为用户ID一一对应客户的脸书ID。

这样就实现了APP唤起脸书实现三方授权登录了。


相关知识:
人工智能app开发哪家更专业
随着人工智能技术的不断发展,越来越多的企业和开发者开始涉足人工智能应用程序的开发领域。但是,随着市场竞争的加剧,人工智能开发公司也不断增加。在众多的人工智能开发公司中,哪家更专业呢?首先,我们需要了解人工智能应用程序的开发流程。在开发人工智能应用程序时,需
2024-01-10
三角英语app开发费用
三角英语是一款非常受欢迎的英语学习app,用户可以通过这款app提高自己的英语水平。如果你有一个类似的想法,并且想要开发一款类似的app,那么你需要考虑的第一个问题就是开发费用。三角英语app的开发费用是由多个因素决定的。以下是一些可能影响开发费用的因素:
2024-01-10
app模式系统定制开发
App模式系统定制开发是指根据特定需求和要求,利用已有的技术和工具,对现有的移动应用程序进行二次开发和定制化,以满足个性化需求和提升用户体验。这种开发方式可以根据不同的业务需求,对现有的App进行功能扩展、界面优化、业务逻辑定制等操作,以满足企业或个人的特
2023-06-29
app开发者向app
APP(Application,全称Application Software)是指应用软件,是为满足用户某种特定需求而开发的软件。APP开发者是指专门从事APP开发的人员,他们负责设计、开发、测试和发布APP。本文将详细介绍APP开发的原理和步骤。一、AP
2023-06-29
app开发完毕如何重新设计ui
重新设计UI是一个很重要的环节,它能够为你的应用带来全新的外观和用户体验。下面我将为你介绍一些重新设计UI的原则和详细步骤。1. 研究目标用户:在重新设计UI之前,你需要详细了解你的目标用户群体。他们的年龄、性别、兴趣爱好、使用习惯等等都会对UI设计产生影
2023-06-29
app开发框架推荐
随着手机普及率的不断提高,APP应用的开发也越来越火热,而为了方便开发者的开发,开发商们推出了各种应用框架。APP开发框架可以最大限度地提高开发效率,而不必从底层开始编写代码。本文将介绍几个常见的APP开发框架。1. React NativeReact N
2023-06-29