Javascript:使用 Salesforce 实施无密码登录

javascript:使用 salesforce 实施无密码登录

salesforce 提供无头无密码登录流程,允许注册用户无缝访问应用程序。无密码登录非常用户友好,它只需要一个有效的电子邮件地址。在这篇文章中,我将分享一些用于使用 salesforce 实现无密码登录流程的代码片段。

要求

开始之前,请确保满足以下条件:

a) 您有权访问 salesforce 环境。

b) 您已注册用户并启用无密码登录选项。

第一步:发送用户名

export async function passwordlesslogin(username, captcha) {  const payload = {    username,    recaptcha: captcha,    verificationmethod: "email",  };  const config = {    headers: {      "content-type": "application/json",    },    method: "post",    body: json.stringify(payload),  };  const url = `${replace_with_your_salesforce_cloud_url}/services/auth/headless/init/passwordless/login`;  const response = await fetch(url, config);  const result = await response.json();  return result;}

这是对 salesforce 的第一次调用。请注意以下事项:

a) 您需要通过验证码。如需帮助,请查看 recaptcha v3。

b) 验证方法设置为电子邮件,这会告诉 salesforce 通过电子邮件发送一次性密码 (otp)。

立即学习“Java免费学习笔记(深入)”;

c) 除了验证码和验证方法之外,唯一需要的其他参数是用户名,它对应于用户注册的电子邮件。

如果请求成功,salesforce 将向提供的用户名发送一封电子邮件并返回如下响应:

{  "identifier": "mff0rwswmdawmdixdvrk",  "status": "success"}

第二步:捕获 otp

export async function passwordlessauthorize(identifier, code) {  const authorization = btoa(identifier + ":" + code);  const config = {    headers: {      "auth-request-type": "passwordless-login",      "auth-verification-type": "email",      authorization: "basic " + authorization,      "content-type": "application/x-www-form-urlencoded",    },    method: "post",    body: new urlsearchparams({      response_type: "code_credentials",      client_id: "replace_with_your_client_id",      redirect_uri: "replace_with_your_redirect_uri",    }),  };  const response = await fetch(    `${replace_with_your_salesforce_cloud_url}/services/oauth2/authorize`,    config  );  const result = await response.json();  return result;}

这是第二次致电 salesforce。这里有几个要点:

a) 标识符是第一步返回的值。

b) 该代码是 salesforce 通过电子邮件发送的 otp。

c) 注意 auth 和 authorization 标头的定义方式。

d) content-type 是 application/x-www-form-urlencoded。注意正文如何使用 urlsearchparams 进行格式化。

如果一切顺利,salesforce 将返回如下响应:

{  "code": "aprxoppu1bwu2d3sbssbklubzop4sxhra2tb.p3lapgviexvmwyigvaf6vtebi7ottvto18uuq==",  "sfdc_community_url": "https://site.com/application",  "sfdc_community_id": "xxxxxxxx"}

第三步:用代码交换访问令牌

最后一步是将上一步中的代码交换为访问令牌。访问令牌至关重要,因为它允许您代表用户发出请求。访问令牌的存在可启用用户会话。

export async function getaccesstoken(code) {  const config = {    headers: {      "content-type": "application/x-www-form-urlencoded",    },    method: "post",    body: new urlsearchparams({      code,      grant_type: "authorization_code",      client_id: "replace_with_your_client_id",      redirect_uri: "replace_with_your_redirect_uri",    }),  };  const response = await fetch(    `${replace_with_your_salesforce_cloud_url}/services/oauth2/token`,    config  );  const result = await response.json();  return result;}

响应应如下所示:

{  "access_token": "00dej000006dhsr!aqeaqgpj5xvnbl1qq8pi4xjyghmxajig7ca4ci0mixzcg7ho_yyzanyxpx9uelaez2905vfne6vzhmavmndoboks.wzhlzhc",  "refresh_token": "5aep861i1ns2kincggjsdz4ootyjzqw_gzds5f1pwqh0nfu0akgldaw5ptc.qadf.bvz1aplukjyise2lxx5kq0",  "sfdc_community_url": "https://site.com/application",  "sfdc_community_id": "xxxxxxxx",  "signature": "jwnfzy2g3phxcl3fjrfju5x2ayxw7ozsfg2bz6bbb74=",  "scope": "refresh_token openid user_registration_api api",  "id_token": "...",  "instance_url": "https://site.com/",  "id": "https://test.salesforce.com/id/00000/11111",  "token_type": "bearer",  "issued_at": "1733700157803"}

确保安全地存储 access_token,从这里,您可以为您的用户创建会话。出于安全考虑,最好在服务器上执行这些方法。

id_token 是 jwt 令牌。如果你解码它,它会看起来像这样:

{  "at_hash": "HTa4VEmQhCYi59WLhiL6DQ",  "sub": "https://test.salesforce.com/id/00000/11111",  "aud": "3MXG9j6uMOMC1DNjcltNj9xPoUi7xNbiSwPqOjmDSLfCW54f_Qf6EG3EKqUAGT6xyGPc7jqAMi4ZRw8WTIf9B",  "iss": "https://site.com/",  "exp": 1733702662,  "iat": 1733702542}

您还可以自定义 jwt 以包含其他数据。但是,建议保持结构最小化,并根据需要使用访问令牌来获取其他信息。

结论

无密码登录对每个人来说都很方便,大多数云服务(例如 salesforce)现在都提供无密码登录流程。利用此功能可以简化登录过程并改善用户体验。

以上就是Javascript:使用 Salesforce 实施无密码登录的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1499341.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 21:42:48
下一篇 2025年12月19日 21:43:05

相关推荐

  • 想要从事自由软件的远程实习吗?

    阅读我的博客文章,了解我如何获得 Mozilla Firefox 的 @outreachy 实习机会 我第一次申请 Outreachy 是在今年,五月份的实习期间,虽然我没有通过贡献者轮次,但我有幸参与有关可访问性和本地化的伟大项目。  特别是,我致力于将 Deutsch Transifex 术语表…

    2025年12月19日
    000
  • EchoAPI 教程:如何在 EchoAPI 中使用脚本

    在本教程中,我们将探索如何利用 echoapi 中的脚本进行高级 api 测试和开发。用 javascript 编写的 echoapi 脚本允许您向 api 请求添加动态功能。通过了解执行前和执行后脚本,您可以轻松增强测试能力、管理变量和操作请求参数。让我们深入了解 echoapi 脚本的强大功能,…

    2025年12月19日 好文分享
    000
  • 使用 Nextjs Tailwind CSS、Prisma 和 Clerk 构建的 MeetRoomly 应用程序

    见面会 使用 next.js 15、tailwind css、prisma 和 clerk 构建的 meetroomly 应用程序。功能包括用户注册、登录、添加房间、查看房间评论和预订。在开发过程中接受贡献。 入门 克隆存储库:git clone https://github.com/saidmou…

    2025年12月19日
    000
  • 了解 Fetch API 中 resok 的重要性

    我一直是 axios 数据获取的狂热用户,但我最近决定改用 fetch api。在探索过程中,我遇到了一个微妙但显着的差异,我认为值得分享。 让我们从这段代码开始。您认为它会记录什么? try{ //this returns a 404 error const res = await fetch(“…

    2025年12月19日
    000
  • 您没有使用(但应该使用)的被低估的 NPM 软件包

    NPM 的世界是广阔的。拥有超过 200 万个可用软件包,您很容易会被一些大牌——React、Lodash、Express——所吸引,而错过一些真正被低估的宝石,这些宝石可以让您作为开发者的生活变得更加轻松。 1。日期-fns-tz无需额外开销即可解决时区问题 时区是最糟糕的。跨时区解析和格式化日期…

    2025年12月19日
    000
  • ✨ 带有玻璃变形效果的发光迪斯科灯泡动画! ✨ 代码 HTML CSS 和 JAVASCRIPT

    Disco Bulb Animation body { margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(45deg, …

    2025年12月19日
    000
  • React 19 中的新增功能

    行动 react 应用程序中的一个常见用例是执行数据突变,然后更新状态作为响应。例如,当用户提交表单以更改其姓名时,您将发出 api 请求,然后处理响应。过去,您需要手动处理挂起状态、错误、乐观更新和顺序请求。 例如,您可以在 usestate 中处理挂起和错误状态: // before actio…

    2025年12月19日
    000
  • 人工智能驱动的代码生成:彻底改变开发

    人工智能 (AI) 正在改变开发人员编写、调试和维护代码的方式。人工智能工具现在为开发人员提供智能代码建议、自动化测试和无缝集成,使软件开发比以往更快、更高效。在这篇博文中,我们将探讨人工智能代码、其功能、优势、挑战以及可用的最佳工具。 什么是AI代码? 人工智能代码是指由人工智能系统生成、优化或增…

    2025年12月19日
    000
  • EchoAPI for Cursor 入门指南:断言可视化技术

    在api开发中,使用脚本进行断言起着至关重要的作用;然而,它们的复杂性可能会成为学习的障碍,常常给开发人员带来令人沮丧的体验。具体来说,检查某些响应所需的代码通常很冗长且难以理解,这给新团队成员带来了陡峭的学习曲线。这种复杂性可能会导致开发速度变慢并给代码审查带来挑战。 EchoAPI 针对光标的创…

    2025年12月19日 好文分享
    000
  • 文本压缩和代码分割和现代图像格式 – 性能优化

    我尝试了以下方法来优化我的业余项目性能: 文本压缩代码分割现代图像格式. 分析器 我构建的应用程序使用了 vite 和 pnpm。现代 web 构建工具在构建过程中默认自动优化 web 性能。所以我们可以 pnpm run build 然后 pnpm dlxserve dist。然后使用 chrom…

    2025年12月19日
    000
  • 如何处理异步操作

    如何处理异步操作 在 typescript 中,我们有多种方法来处理异步操作:回调、promise 和 async/await。异步编程使我们能够管理可能需要时间的操作,例如从 api 获取数据,而不会阻塞其他代码的执行。 回调 回调是作为参数传递给另一个函数的函数,并在任务完成后执行。虽然回调适用…

    2025年12月19日
    000
  • 改变范式:从过早的重构和虚假的“可重用性”到适应性、可扩展性和可靠性

    在软件世界中,人们普遍痴迷于过早的重构以及对虚假可重用性的追求。开发人员(尤其是刚起步的开发人员)经常被教导“可重用性”是圣杯。但不惜一切代价追求可重用性往往会导致过度设计的解决方案,这些解决方案过于通用、过于僵化,并且与当前项目的具体需求相距甚远。事实上,它可能会导致我们通常所说的“抽象地狱”——…

    2025年12月19日
    000
  • 采用声明式数据访问来尊重您作为开发人员的智慧

    在软件开发的世界中,我们经常发现自己在两种范式之间左右为难:命令式和声明式。对于许多开发人员来说,命令式代码的吸引力在于它的简单性——只需逐步编写指令,您就可以确切地知道计算机在做什么。然而,随着复杂性的增加,这种循序渐进的方法变成了分散在代码库中的混乱的逻辑。相比之下,声明式方法旨在让您描述您想要…

    2025年12月19日
    000
  • MeetRoomly 是一款使用 Nextjs Prisma、Tailwind CSS 和 Clerk 轻松管理和预订会议室的应用程序

    见面会 使用 next.js 15、tailwind css、prisma 和 clerk 构建的 meetroomly 应用程序。功能包括用户注册、登录、添加房间、查看房间评论和预订。在开发过程中接受贡献。 入门 克隆存储库:git clone https://github.com/saidmou…

    2025年12月19日
    000
  • 4年前端开发必备技术

    前端开发市场发展迅速,带来了新的工具和实践,改变了创建 Web 应用程序的体验。对于开发人员来说,无论是初学者、全职人员,还是想要了解自己要寻找什么的招聘人员,了解当今不可或缺的技术至关重要。让我们探讨一下 2024 年市场真正发生变化的因素。 1. 现代 JavaScript:坚实的基础 无论你使…

    2025年12月19日
    000
  • 在生产中避免控制台日志:稳健日志记录的最佳实践

    简介 日志记录对于调试和监控应用程序至关重要,但不正确的日志记录可能会导致性能问题、安全漏洞和混乱的输出。在本文中,我们将探讨为什么在生产中应避免使用 console.log,并使用示例提供最佳实践。 为什么在生产中应该避免使用 console.log? 性能开销-> 这在我的系统中花费了大约…

    2025年12月19日
    000
  • 使用 Vitest 进行单元测试:下一代测试框架

    为什么选择维泰斯特? vitest 的设计考虑了现代开发。这就是它脱颖而出的原因: 速度 vitest 以 vite 作为基础,利用其闪电般快速的热模块替换 (hmr) 和 esbuild 进行捆绑和转译。结果是: 智能即时监视模式:仅针对受影响的文件重新运行测试,从而实现即时反馈循环。开箱即用的 …

    2025年12月19日
    000
  • 如何在nodejs环境中使用代理

    配置代理有一个既定的标准。它通过以下环境变量运行: https_proxy:https 流量的代理http_proxy:http 流量的代理no_proxy:不应通过代理运行的 url。 nodejs 的本机获取客户端不提供任何开箱即用的功能,但是您可以使用来自 undici http 客户端的代理…

    2025年12月19日
    000
  • 健壮代码的基本 JavaScript 测试技术

    javascript 测试是软件开发的一个重要方面,可确保代码的可靠性和健壮性。作为一名开发人员,我发现实施全面的测试策略不仅可以尽早发现错误,还可以提高应用程序的整体质量。让我们探索五种基本的 javascript 测试技术,这些技术在我的经验中被证明是非常宝贵的。 单元测试构成了任何可靠测试策略…

    2025年12月19日
    000
  • AI 星座:Nextjs 和 Gemini 的体验

    大家好! 我担任后端开发人员已有几年了,我一直在寻找新技术。最近,我对人工智能和占星学的结合产生了兴趣,并决定使用 Gemini API 创建一个星座预测生成器。 项目: 在这个项目中,我使用 Next.js 作为前端,这是学习新框架的绝佳机会。在后端,我使用 Next.js 和 GEMINI AP…

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信