Claude使用和前后端开发接入Claude-api教程

2023-06-0609:35:57后端程序开发Comments1,878 views字数 3326阅读模式

Claude是什么(What)

Claude 是最近新开放的一款 AI 聊天机器人,是世界上最大的语言模型之一,比之前的一些模型如 GPT-3 要强大得多,因此 Claude 被认为是 ChatGPT 最有力的竞争对手。Claude 的研发公司是专注人工智能安全和研究的初创公司 Anthropic,由前 OpenAI 员工共同创立的。今年 3 月份 Anthropic 获得了谷歌 3 亿美元的投资,谷歌也因此获得其 10% 股份。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

两个小时(包含前后端)写出来的Demo:ai.w3school.top/claude/文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

为什么(Why)

据官方介绍,Claude 的核心模型经由训练,目标是变得有用、诚实和无害。此外 Claude 更能理解和接受自然语言,和它对话无需复杂的技巧,可以轻松得到详细且易于理解的答案。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

与 ChatGPT 等大型语言模型一样,Claude 的应用场景非常广泛,信息搜索、内容总结摘要、写作协助、创意生成、问答、编程这些任务它都能轻松完成。目前 Claude 已经被应用在多个知名产品中,比如知识笔记工具 Notio AI 就是用 Claude 协助用户进行智能写作,国外问答社区 Quora 也在自己的 AI 聊天应用程序 Poe 中置入了 Claude。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

重点:Claude是免费的,至少目前是这样文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

怎么做(How)

目前Claude 已经被置入一款团队协作沟通应用 Slack 中,目前可以免费使用。但我们今天的重点是教大家如何在自己应用程序中接入Claude。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

第一步:注册Slack

slack官网地址:点我跳转 Claude使用和前后端开发接入Claude-api教程 注册时尽量选择使用google的gmail邮箱,后续操作的成功率高。不要使用qq等国产邮箱。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

第二步:创建工作区

工作区是一个独立的协作环境,每个工作区有自己的渠道(Channels)、成员、权限设置等。不同工作区之间彼此隔离,成员和资源不共享。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 至此,工作区就创建好了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

第三步:添加Claude应用到工作区(这一步需要魔法)

点击Slack-Claude 官方网址(请自备梯子) 这个链接还可以通过以下操作找到: Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 授权添加Claude到Slack Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 出现以上界面,说明当前ip被封锁了。请自行切换节点,尝试使用全局代理,切换无痕浏览等方法。 换了个浏览器,果然好了。点击允许,出现Success就成功了 Claude使用和前后端开发接入Claude-api教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

第四步:开通高级功能

回到工作区页面,左侧会自动出现Claude应用,此时聊天会发现Claude是不会回复任何消息的。 解决方案:点击左侧Slack Connect,没有这个选项的话,就点击浏览Slack,在下拉框里找到Slack Connect Claude使用和前后端开发接入Claude-api教程Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 社区小伙伴的经历告诉我,这个地方有的账户没有免费试用的机会,但我创建了几个工作区了,都可以免费试用,可能是因为试用的gmail邮箱吧。没有就重新注册新账号,或新建工作区走流程尝试,有钱就无所谓。所以前面注册时会让你尽量使用gmail邮箱。 Claude使用和前后端开发接入Claude-api教程Claude使用和前后端开发接入Claude-api教程 现在左侧会出现刚才新建的频道 Claude使用和前后端开发接入Claude-api教程 然后我们为这个频道添加Claude应用 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 进入刚建的频道,激活高级功能 Claude使用和前后端开发接入Claude-api教程 现在就可以愉快的和Claude聊天啦 Claude使用和前后端开发接入Claude-api教程 你以为到这里就完了?如果你仅仅想体验Claude和利用它为你提供一些帮助,那确实到这里就完了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

第五步:接入Api

那么怎么接入呢?都知道 Claude 暂时还没开放 API 的测试,不过还是有办法接入 Claude 的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

0、开发

我们使用 Laf 提供的云函数接入api,开发速度更快。2023年了,如果你还不知道Laf,那我只能再讲一遍了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

Laf 是一个 Serverless 框架,提供开箱即用的云函数,云数据库,对象存储等能力,是一个非常干净清爽的开发平台,不仅入门简单,还能像写博客一样写代码!life is short, you need laf:) 地址: 中国区:laf.run 海外版:laf.dev文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

创建云函数

Claude使用和前后端开发接入Claude-api教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

添加依赖claude-api-slack

Claude使用和前后端开发接入Claude-api教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

写入以下代码

这段代码很简单,看注释就懂了。除了云函数部分,主要代码在普通nodejs中也同样适用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

javascript文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html
复制代码
import cloud from '@lafjs/cloud'

// 云函数入口代码
// 接收一个question,和一个可选的上下文id:conversationId
export default async function (ctx: FunctionContext) {
  const { question, conversationId } = ctx.query
  return await askCluadeAPi(question, conversationId)
}
// 调用api的主要代码
async function askCluadeAPi(question, conversationId) {
  // 见以下第一个步骤,授权以及获取user-token 步骤
  const token = 'xoxp-xxxxxx'
  // 见以下第二个步骤,获取claude appid
  const bot = 'U0xxxxxx'
  // chatId就是工作区间里新建的渠道。channel名称
  const chatId = 'ai聊天'

  // 初始化claude
  const { Authenticator } = await import('claude-api-slack')

  // 通过缓存保存客户端,可以避免每次提问都是在新会话
  let claudeClient = cloud.shared.get('claudeClient')
  if (!claudeClient) {
    claudeClient = new Authenticator(token, bot)
    cloud.shared.set('claudeClient', claudeClient)
  }
  // 创建频道并返回房间ID:channel
  const channel = await claudeClient.newChannel(chatId)

  let result
  if (conversationId) {
    result = await claudeClient.sendMessage({
      text: question,
      channel,
      conversationId,
      onMessage: (originalMessage) => {
        console.log("loading", originalMessage)
      }
    })
  } else {
    result = await claudeClient.sendMessage({
      text: question,
      channel,
      onMessage: (originalMessage) => {
        // console.log("loading", originalMessage)
        console.log("loading", originalMessage)
      }
    })
  }
  console.log("success", result)
  return {
    code: 0,
    msg: result.text,
    conversationId: result.conversationId
  }
}

1、授权以及获取user-token

  • 进入slack官网并登录
  • 进入api配置页面点我跳转
  • 点击页面右上角Your apps
  • 点击Create an App
  • 点击From scratsh Claude使用和前后端开发接入Claude-api教程
  • 输入App Name,选择前面创建的工作空间,点击Create App Claude使用和前后端开发接入Claude-api教程
  • 点击左侧边栏的OAuth & Permissions
  • 找到Scopes模块下的User Token Scopes,点击Add an OAuth Scopes按钮,依次搜索添加以下权限
JSON文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html
复制代码
channels:history
channels:read
channels:write
groups:history
groups:read
groups:write
chat:write
im:history
im:write
mpim:history
mpim:write

Claude使用和前后端开发接入Claude-api教程 注意:这里的搜索是模糊搜索,选择权限时不要搞错了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

  • 点击OAuth Tokens for Your Workspace下的Install to Workspace按钮,确认授权 Claude使用和前后端开发接入Claude-api教程 Claude使用和前后端开发接入Claude-api教程 至此,你就拥有了一串User OAuth Token,找到OAuth Tokens for Your Workspace Claude使用和前后端开发接入Claude-api教程

2、获取claude appid

Claude使用和前后端开发接入Claude-api教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

第六步:测试Claude使用和前后端开发接入Claude-api教程

加入上下文对话 Claude使用和前后端开发接入Claude-api教程 点击右上角发布,复制左侧链接,即可在前端任何地方调用啦!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

写在最后

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html

作者:xintianyou
来源:稀土掘金
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/45051.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/bc/45051.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定