JavaScript
使用 Parse 和 JavaScript 实现 Twitter 登录集成指南
12 分
twitter 登录 介绍 本节解释了如何将 twitter 登录集成到您的 javascript 项目中。完成此逐步指南后,您将准备好将代码上传到 cloud code。 该项目将使用新发布的 3 1 版本 parse server。在您的项目仪表板上,转到服务器设置 > 管理 parse server(设置),并选择 3 1 1。有关迁移到 parse server 3 1 x 的更多信息,请参见 https //www back4app com/docs/advanced guides/parse server 3 。 如果您不理解此项目的云代码语法,请参见此指南。 先决条件 要开始本教程,您需要: 在 back4app 创建的应用程序。 请参见 https //www back4app com/docs/get started/new parse app 以了解如何在 back4app 上创建应用程序。 为您的 back4app 应用程序设置子域名 请参见 https //www back4app com/docs/platform/activating web hosting 以了解如何在 back4app 中创建子域名。 一个 https //twitter com/ ,并且您必须申请 https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul3bvcnrhbc9wzxrpdglvbi9lc3nlbnrpywwvymfzawmtaw5mbyj9%22%7d 。 1 创建一个新的 back4app 应用 首先,您需要确保在 back4app 上创建了一个现有的应用。如果您是新用户,可以查看 https //www back4app com/docs/get started/new parse app 以了解如何创建一个应用。 2 生成访问令牌 为了使您的项目中的 twitter 登录正常工作,您必须拥有消费者密钥和消费者秘密。 要生成您的访问令牌密钥,您必须拥有一个 twitter 应用。基本上,您有两个选项: 如果您有现有的 twitter 应用程序并希望编辑它们,请访问 https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul2fwchmifq%3d%3d%22%7d 如果您想创建一个新应用程序,可以访问相同的仪表板,但您必须拥有一个经过批准的开发者账户。 提示 在您申请开发者账户时,您肯定会被要求回答一些问题,但不要忘记同意合同条款。 2 1 配置应用程序详细信息 在本主题中,我们将配置 twitter 应用程序凭据。 请注意,必须为此应用程序激活 webhosting ,有关 webhosting 的更多信息,请查看 https //www back4app com/docs/platform/parse web hosting 之后,前往 https //developer twitter com/en/apps 并选择 创建应用程序 创建应用程序 或者您可以通过访问 详细信息 详细信息 > 编辑 编辑 > 编辑详细信息 编辑详细信息 填写以下内容 应用名称 应用描述 告诉我们这个应用将如何使用 对于 网站 url ,您可以将其保留为您的 https //www back4app com/docs/platform/parse web hosting ,而 回调 url 将是 https //www back4app com/docs/platform/parse web hosting + /twitter callback /twitter callback 它看起来像这样 3 twitter 设置 要开始使用 javascript 的 twitter 登录,您需要遵循以下步骤: 将 back4app 与您的 twitter 应用链接并登录到您的 back4app 账户; 点击您的应用的 服务器设置 服务器设置 : 然后,点击 设置 设置 的 twitter 登录 块。它应该看起来像这样: 4 获取模板 在我们的 github 仓库下载模板。您可以使用以下命令行进行下载: curl lok https //github com/templates back4app/twitter login js/archive/master zip && unzip master zip 5 替换密钥 下载上述项目后,请打开 /cloud/app js /cloud/app js 文件,并用第 2 步生成的密钥替换以下变量: const back4appwebhostdomain = ' your back4app webhost domain your back4app webhost domain '; const consumer key = ' your consumer key your consumer key '; const consumer secret = ' your consumer secret your consumer secret '; 6 将您的代码上传到 back4app 服务器 要将您的应用部署到 back4app,您需要将代码上传到云代码。为此,请遵循以下步骤: 前往您的应用程序 https //www back4app com/ 并点击 服务器设置 服务器设置 找到“云代码”块并点击 设置 设置 。‘云代码’块看起来是这样的 3\ 点击 选择文件 选择文件 并选择所有由 index html index html 导入的文件。将它们移动到 public public ,然后点击 保存 保存 ,如下所示 4\ 您的文件将看起来像这样 7 完成 按照上述指南操作后,您只需打开您创建的 web hosting 地址的浏览器 如果您需要任何帮助或某个功能/链接无法正常工作,请通过聊天与我们的团队联系!