collab / module-google-one-tap
一个 Magento 2 模块,它提供了使用 Google One Tap 登录的功能
1.0.2
2024-08-22 09:10 UTC
Requires
- collab/module-customer-passwordless-login: 1.0.*
- google/apiclient: ^2.0
- magento/framework: ~103.0.0
README
Collab_GoogleOneTap 允许客户使用他们的 Google 账户快速安全地登录到您的网站。这是一种无需记住密码即可登录网站的安全简便方式。模块利用 Collab_CustomerPasswordLessLogin 模块,无需密码即可创建账户或登录用户。
最初,模块只在登录表单中添加按钮。可以通过遵循 基本使用 部分的说明将其添加到任何其他位置。
为什么选择这个扩展而不是其他解决方案?
我们不相信功能繁多的模块是高效的 - 简单来说 - 功能众多的模块,总是为许多集成做准备,始终会有一些性能开销。考虑到这一点,我们试图提供简单、便携和独立的模块,这些模块需要一些基本的 Magento 2 开发技能。
页面速度
该模块实现外部脚本加载的方式不应以任何方式影响您的 PageSpeed 分数。因为提供登录功能所必需的 Google 脚本不是我们在渲染网站时需要包含的东西,所以我们只在需要的地方嵌入必要的脚本,并且只在第一次用户交互之后,因此不会在初始页面加载时使用客户端资源。
先决条件
- 通过此 手册 获取的 Google API 的
client_id
- 控制您的 Magento 应用的 tld 域名,在本地环境中仅运行在
http(s)://
下的应用(域名需要在 Google 的项目中配置在“授权 JavaScript 原始地”字段中)。 - 一旦生成并获取了
client_id
,就需要在 Magento 中设置它:商店 -> 配置 -> Collab 扩展 -> Google One Tap
基本使用
一旦您定义了所需的布局处理器,只需编辑它的 XML 文件,并在 <page>
节点下添加以下代码
<update handle="collab_googleaccount_script"/>
上述代码将确保在页面上加载所有必要的脚本。
然后您可以通过引用所需的块/容器将按钮添加到布局的任何位置
<referenceContainer name="DESIRED_CONTAINER_NAME"> <block name="collab.googleonetap.button" template="Collab_GoogleOneTap::button/google.phtml" before="-" ifconfig="collab_googleonetap/general/enabled"> </block> </referenceContainer>
安装详情
composer req collab/module-google-one-tap bin/magento setup:upgrade