跳到主要内容

配置Facebook快速登录

Facebook登录是许多网站和应用程序都提供的一种方便的登录方式。通过使用Facebook登录,用户可以使用他们的Facebook账号登录到网站,而不需要创建新的账户。 这不仅为用户提供了便利,还可以提高网站的用户体验和社交分享功能。下面是设置Facebook登录的指南。

1、进入Facebook for Developers

  • 在开始设置Facebook登录之前,您需要进入 Facebook 开发者平台。访问 Facebook for Developers (https://developers.facebook.com) ,然后登录您的Facebook账号: 登录Facebook开发者登录创建开发者创建开发者
  • 账号创建好后,点选“创建应用”开始准备创建新的应用: 创建账号后

2、创建Facebook应用

  • 点击“创建应用”后,勾选第一项,点击“继续”创建应用
  • “添加应用名称”一栏中,填写应用的名称后,点击“创建应用”创建应用

3、配置Facebook应用

  • 创建完成后,会进入到应用的开发页面: 配置应用
  • 选择“设置”-“基本”配置应用
  • 完成相关设置的配置:
    • 填写“应用域名”,需要输入域名和子域名,输入后按下键盘的Enter键,当网址变成蓝底灰字时才代表成功输入。
      • 如果您的店铺配置了自定义域名,例如:https://xxxx.com
        请分别填入 2 个网址:www.xxxx.comxxxx.com
      • 如果您的店铺使用默认的域名,例如:https://xxxx.linkedmall.store
        请分别填入 2 个网址:xxxx.linkedmall.storelinkedmall.store

配置域名

  • 填写“隐私权政策网址”;
  • 首先需要商户登录店铺管理后台,在 “设置”-“条款和政策” 中创建店铺的“隐私政策”: 配置政策
  • 配置在线店铺的隐私政策展示链接,在 “在线店铺”-“店铺设计”-“装修店铺” 中创建 “隐私政策” 页面 配置政策
  • 在“隐私权政策网址”填写隐私政策页面的网址,在您的店铺域名后面添加“/s/policy-privacy”,
    • 如果店铺绑定了独立域名,网址会是类似:https://xxxx.com/s/policy-privacy
    • 如果店铺使用默认的域名,网址会是类似:https://xxxx.linkedmall.store/s/policy-privacy

PS:“服务条款网址”在店铺后台的创建方法与“隐私权政策网址”相同,网址是在店铺域名后面添加“/s/policy-service”配置政策

  • “应用图标”会和“显示名称”一起出现在Facebook的登录页面,我们会建议您上传店铺 Logo 或是品牌图示,减少顾客认为是诈骗或是非正式管道搜集用户资料的疑虑。 Facebook 建议上传尺寸为 1024 x 1024 像素,大小在5MB 以内的图片。 应用图标
  • 向下滑动页面,点击“添加平台”,选择平台“Website”,点击“下一步”: 添加平台选择平台
  • “网站地址”一栏输入商店首页网址,需填写 https:// 开头的安全性加密网址 ,输入完毕确认后点选右下角的“保存更改”按钮。 保存更改

4、添加Facebook登录

  • 选择用例,可以看到“允许用户用自己的 Facebook 帐户登录”一栏,选择“身份验证和帐户创建”-“定制”配置用例设置一栏中,选择前往设置 用例设置

  • “OAuth客户端授权设置”中修改所需要的配置项:

    • 开启“OAuth 客户端授权登录”;
    • 开启“OAuth 网页授权登录”;
    • 开启“对跳转 URI 使用严格模式”;
    • 开启“强制启用 HTTPS”; OAuth配置
  • “有效 OAuth 跳转 URI”输入您的店铺登录链接:在您的店铺域名后面添加“/signin/facebook”,输入后按下键盘的Enter键,当网址变成蓝底灰字时才代表成功输入。

    • 若您的店铺使用默认域名,在您的店铺域名后面添加“/signin/google”:
      • 例如,
        • 您的店铺链接为:https://xxxx.linkedmall.store
        • 您的店铺登录链接:https://xxxx.linkedmall.store/signin/facebook
    • 若您为店铺配置了自定义域名,则在您的自定义域名后面添加“/signin/facebook”
      • 例如:
        • 您的自定义域名为:https://xxxx.com
        • 您的店铺登录链接:https://xxxx.com/signin/facebook
  • 开启“使用 JavaScript SDK 登录”;

  • “有效 OAuth 跳转 URI”输入您的在线店铺网址,输入后按下键盘的Enter键,当网址变成蓝底灰字时才代表成功输入。 域名配置

5、应用上线

  • 在上线页面完成应用的相关验证,并且点击“上线”应用上线 到此已经完成了Facebook登录功能的添加,回到应用的基本设置页面:选择“设置”-“基本”,此处的“应用编号”以及“应用密钥”,对应LinkedMall后台的“App ID”“App Secret”配置信息

6、LinkedMall配置Facebook登录

  • 入口:“设置”-“客户登录”入口 进入后,可以找到: 配置
  • 点击“连接”,在弹窗内填写您在Facebook平台获取的客户端ID和客户端密钥,对应填写至“App ID”“App密钥”处: 连接 点击保存后,Facebook登录处将显示“已连接”状态: 保存