(2025亲测可用)Chatbox多端一键配置Claude/GPT/DeepSeek-网页端配置

1. 资源准备


2. ChatBox网页版配置

  • 浏览器访问:https://web.chatboxai.app/

  • 选择Use My Own API Key / Local Model
    在这里插入图片描述

  • 点击settings
    在这里插入图片描述

  • 聊天效果展示
    在这里插入图片描述

  • 也可以选择其他模型,以GPT为例
    在这里插入图片描述在这里插入图片描述

  • 最后点击保存
    在这里插入图片描述

  • Claude 3、Gemini等其他模型一样的操作方式这里就不在演示了


3. ChatBox Window 客户端配置

  • 浏览器访问ChatBox官网:https://chatboxai.app/zh 下载对应的版本,此处也可以点击更多选项找到符合自己平台的版本。
    在这里插入图片描述
    在这里插入图片描述

  • 下载Windows版本
    在这里插入图片描述

  • 双击安装包并一直点击下一步
    在这里插入图片描述

  • 选择安装位置,可以直接安装并使用默认位置
    在这里插入图片描述

  • 点击安装按钮后等待安装成功
    在这里插入图片描述

  • 双击打开软件,点击使用本地模型或者点击左侧导航栏设置按钮
    在这里插入图片描述

  • 新建会话开始聊天
    在这里插入图片描述


4. ChatBox MacOS 客户端配置

  • 浏览器访问ChatBox官网:https://chatboxai.app/zh 下载对应的版本,此处也可以点击更多选项找到符合自己平台的版本。
    在这里插入图片描述
    在这里插入图片描述
  • 下载MacOS版本,根据Mac芯片版本下载安装包
    在这里插入图片描述
  • 点击安装包开始安装
    在这里插入图片描述
    在这里插入图片描述
  • 启动Chatbox
    在这里插入图片描述
    在这里插入图片描述
  • 选择使用自己的API Key或本地模型
    在这里插入图片描述
  • 点击左侧导航栏``设置按钮开始设置
    在这里插入图片描述
  • 新建新对话开始和AI聊天
    在这里插入图片描述

5. ChatBox IOS 客户端配置

  • 通过APP Store搜索ChatBox进行安装
    在这里插入图片描述

  • 进入ChatBox打开左侧导航栏点击设置
    在这里插入图片描述
    在这里插入图片描述

  • 开始配置模型
    在这里插入图片描述在这里插入图片描述

  • 新建会话
    在这里插入图片描述

  • 选择模型
    在这里插入图片描述

  • 选择自定义的模型
    在这里插入图片描述

  • 开始和AI对话
    在这里插入图片描述


6. ChatBox 安卓 客户端配置(以华为为例,其他品牌类似)

  • 华为手机需要关闭纯净模式,否则无法安装非应用商店下载的软件

  • 点击手机上的设置

  • 找到系统和更新
    在这里插入图片描述

  • 点击纯净模式,并关闭增强防护
    在这里插入图片描述在这里插入图片描述

  • 手机浏览器打开Chatbox官网下载安卓安装包
    在这里插入图片描述

  • 安装包下载完成后点击立即安装
    在这里插入图片描述

  • 等待检查结束
    在这里插入图片描述

  • 点击继续安装
    在这里插入图片描述

  • 等待安装完成
    在这里插入图片描述

  • 点击打开软件
    在这里插入图片描述

  • 进入软件选择使用自己的模型和API Key
    在这里插入图片描述

  • 打开左侧导航栏点击设置
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

  • 打开左侧导航栏点击新对话
    在这里插入图片描述

  • 开始和AI对话
    在这里插入图片描述

jQuery.chatbox 说明文档 特性 1.轻量级动画特效以及友好的界面 2.支持多窗口 3.完善的回调函数以实现自定义功能 4.多种调用方式 4.良好的封装以及扩展性 5.每个聊天窗对象实例以data属性的形式附加在聊天窗DOM对象上(如果你想获得某个特定插件的实例,可以直接从页面元素中获取:$('{boxId}').data('chatbox')配置配置项分为全局配置项和实例配置项 全局配置项: 参数            类型           默认值                说明 ----------------------------------------------------------------------------------------------- id              number          null                  当前用户的id,也就是发送者的id,必须是唯一值 user            string          null                  发送者的显示名称,可以是昵称用户名等,不要求唯一 debug           boolean         false                 是否打开调试功能 idPrefix        string          'chatbox_'            生成页面DOM元素的id值 实例配置项: 参数            类型           默认值                说明 ----------------------------------------------------------------------------------------------- id              number          null                  接收者的id,同时也会作为实例id,必须是唯一值 user            string          null                  接收者的显示名称,可以是昵称用户名等,不要求唯一 title           string          'Chat with ' {user}   聊天窗的标题 回调函数 回调函数也分为两种,一种是全局回调函数另一种是实例回调函数。 但是有点Javascript基础的开发者应该了解不管是哪种类型的回调函数我们都应该以传递函数引用的方式来调用,而不是对每个实例创建一个函数副本。 这样会造成内存浪费。全局回调函数不会在实例化每个聊天窗对象时重复创建副本分配给每个对象实例,而实例回调函数会。 因此在不需要为每个独立的聊天窗分配不同的回调功能时使用实例回调函数也应该以传递函数引用的方式来分配回调函数以节省内存空间。 回调函数参考: 函数名                  参数       说明 ----------------------------------------------------------------------------------------------- onChatboxCreate                     创建聊天窗时触发 onChatboxEnable                     聊天窗被启用时触发 onChatboxDisable                    聊天窗被禁用时触发 onMessageSend           msg         发送消息时触发,唯一参数:消息内容msg onMessageReceive        msg         收到消息时触发,唯一参数:消息内容msg onMessageSystem         msg         收到系统消息时触发,唯一参数:消息内容msg onChatboxDestroy                    销毁聊天窗时触发 优先级:实例回调函数优先级高于全局回调函数,也就是说实例配置项中的回调函数会覆盖全局配置项中同名的回调函数。 this指针:this指针经由apply或者call方法已经指向调用该方法的实例。 API(属性和方法) 全局API: 属性/方法名       类型       参数          说明 ----------------------------------------------------------------------------------------------- globalOptions     属性        无           保存所有聊天窗的全局配置项 getQueue()        方法        无           返回当前聊天窗的实例队列 实例API: 属性/方法名       类型      参数              说明 ----------------------------------------------------------------------------------------------- $elem             属性        无              保存着当前聊天窗实例的jQuery对象 opts              属性        无              保存着当前聊天窗实例的初始化选项 show()            方法        无              显示聊天窗 hide()            方法        无              隐藏聊天窗 enable()          方法        无              启用聊天窗 disable()         方法        无              禁用聊天窗 message()         方法        msg,type        设置接收到的消息到聊天窗,两个参数:消息内容msg、消息类型type blink()           方法        无              高亮标题栏闪烁提示 destroy()         方法        无              无 调用方式 设定全局配置项: 直接定义配置对象globalOptions,未给定的配置项依旧会使用默认值并不会被该配置对象覆盖 $.chatbox.globalOptions = {     id:10000,     user:'Jason',     debug:true,     onChatboxCreate:function(){         //要执行的代码     } } 或者以附加属性的方式 $.chatbox.globalOptions.id = 10000; $.chatbox.globalOptions.user = 'Jason'; $.chatbox.globalOptions.onChatboxCreate = function(){     //要执行的代码 }; 初始化聊天窗: $.chatbox({     id:11254,     user:'Tony',     title:'Chat with Tony',     onChatboxCreate:function(){         //要执行的代码     } }); 调用API方法: 第一种调用方式 $.chatbox({instanceId}).message({message content}); 第二种调用方式 $({boxId}).data('chatbox').message({message content}); 标签:Chatbox
### deepseek-ai Janus-Pro-7B 聊天框实现与使用 #### 实现细节 为了集成 `deepseek-ai/Janus-Pro-7B` 的聊天功能,开发者通常会采用基于 Web 或桌面应用程序的方式创建交互界面。具体来说,在前端部分可以利用 HTML 和 JavaScript 构建用户输入区域以及展示回复消息的空间;而后端则负责调用 Hugging Face API 来处理自然语言理解和生成的任务。 对于想要快速搭建原型的应用场景而言,可以直接访问在线 Demo 页面[^1],该页面已经内置了一个简单的聊天对话框供试者试用不同类型的查询请求并查看返回的结果。 如果希望自定义开发,则需按照官方文档说明下载预训练模型文件,并通过 Python SDK 进行本地部署和服务封装: ```python from transformers import AutoModelForCausalLM, AutoTokenizer import torch tokenizer = AutoTokenizer.from_pretrained("deepseek-ai/Janus-Pro-7B") model = AutoModelForCausalLM.from_pretrained("deepseek-ai/Janus-Pro-7B") def generate_response(prompt): inputs = tokenizer(prompt, return_tensors="pt").input_ids.to('cuda') outputs = model.generate(inputs, max_length=50) response = tokenizer.decode(outputs[0], skip_special_tokens=True) return response ``` 这段代码展示了如何加载指定版本的语言模型及其配套分词器,并定义了一个函数用于接收用户的提问作为参数传入模型中得到相应的应答文本输出。 #### 使用指南 当准备就绪之后,可以通过 POST 请求向服务器发送 JSON 数据包来触发一次完整的交流过程。数据结构一般包含两个主要字段:“message”,即待解析的话语内容;另一个则是可选的身份标识符“user_id”。 此外,值得注意的是由于此项目处于持续迭代更新的状态下,建议定期查阅 GitHub 仓库中的最新动态以获取最权威的技术支持信息和改进措施。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值