跳至主内容区域

APP开发

开发APP从一门开始

APP开发

主页

  • 首页
  • 知识库
  • 产品
    • APP开发
    • EXE开发
    • 打包小程序
    • 自建商城
    • Discuz app
    • WordPress app
    • Webclip
    • APP软著申请
    • SSL证书申请
    • IOS免签版
    • Uve做APP
    • APP分发
    • 苹果证书制作工具
    • 安卓证书制作工具
  • 价格
    • APP价格
    • exe价格
    • 商城价格
  • 案例
  • 教程
  • 模块
  • Demo
  • 开发者中心
  • APP上架
  • 论坛

文章导航

← 上一篇 下一篇 →

login 登录 APP开发接入Facebook Login 登录能力

发表于2022年12月23日由yimen
用做网页的技术做APP!
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

login 登录 APP开发接入Facebook Login 登录能力

核心代码示例,详情参阅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));
  }
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
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));
  }
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
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));
  }
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->
此条目由yimen 发表在 脸书Facebook 登录分类目录,并贴了 APP唤起Facebook、APP拉起Facebook、Facebook、Facebook Login、Facebook授权登录、Facebook登录 标签。将固定链接加入收藏夹。
隐私政策 自豪地采用 WordPress
退出移动版