Grok与Streamlit集成:半小时内拼装出大模型演示Demo

畫卷琴夢

畫卷琴夢

2026-06-20

829人浏览

原创

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

可直接用streamlit调用x官方grok推理端点快速验证效果,无需本地部署;需配置api key与secret至.env文件,通过oauth2获取token后请求/chat/completions接口,或使用x-api-python sdk简化调用。

想快速验证grok模型在真实业务场景中的效果,又不想从零搭建后端api和前端界面?用streamlit直接调用x官方提供的grok推理端点,跳过模型本地部署、flask封装、跨域配置等繁琐环节,【必须使用x官方颁发的api key,且该key需开通grok访问权限】,纯python脚本即可启动可交互的演示页面。

准备环境与认证凭证

创建新虚拟环境并安装核心依赖:pip install streamlit requests python-dotenv。

访问 X Developer Portal → 进入“Projects & Apps” → 新建App或选择已有项目 → 在“Keys and Tokens”页复制“API Key”和“API Secret Key”。【不要把API Secret Key硬编码进.py文件,必须存入.env】

新建 .env 文件,写入两行:

X_API_KEY=your_actual_api_key_here
X_API_SECRET=your_actual_api_secret_here

构造Grok调用函数

方法一:使用 requests.post 直接对接 X 的 /chat/completions 端点

在 app.py 中定义 grok_query() 函数:先从 os.environ 读取 X_API_KEY 和 X_API_SECRET;拼接 Authorization 请求头为 Bearer + 使用 API Key 和 Secret Key 调用 X 提供的 OAuth2 令牌接口获取临时 access_token;再用该 token 向 https://api.x.com/v1/chat/completions 发起 POST 请求,payload 中 model 字段必须设为 "grok-beta",messages 列表按角色(system/user/assistant)组织对话历史。

方法二:复用已有 x-api-python SDK(非官方但社区维护)

执行 pip install x-api-python → 导入 x_api.Client → 初始化 client = Client(api_key=os.getenv("X_API_KEY"), api_secret=os.getenv("X_API_SECRET")) → 调用 client.chat.completions.create(model="grok-beta", messages=[...])。这一步省去手动处理 token 刷新逻辑,但 SDK 版本需 ≥0.3.1,否则不支持 grok-beta 模型标识。

搭建Streamlit交互界面

第一步:用 st.title("Grok Demo") 设置页面标题,st.caption("基于X官方API实时调用") 补充说明。

CentOS Stream 9
CentOS Stream 9

CentOS Stream 9是基于RHEL 9技术路线的持续交付版本,适合需要贴近RHEL 9生态的软件开发、系统集成和测试环境。它相比传统CentOS Linux更靠近上游开发过程,用户可以更早看到RHEL 9后续小版本中的软件包变化。CentOS Stream 9仍是当前可用的官方版本线之一,适合对稳定性和新功能之间有平衡需求的团队使用。

下载

第二步:用 st.session_state 初始化 chat_history 列表,避免每次输入后整个页面重绘导致历史丢失。

第三步:插入 st.chat_input("输入问题,例如:用Python写一个快速排序") → 用户提交后,将新消息追加进 chat_history,并立即调用 grok_query() 函数传入全部历史记录。

第四步:用 for msg in chat_history: st.chat_message(msg["role"]).write(msg["content"]) 渲染对话流。注意:Grok 返回的 response 中 content 字段可能为空字符串(尤其当触发安全拦截时),此时需主动跳过渲染,否则页面会显示空白气泡。

第五步:在 st.chat_input 下方添加 st.button("清空对话") → 点击后执行 st.session_state.chat_history.clear() 并 st.rerun() 强制刷新。

启动与调试

终端执行 streamlit run app.py。

浏览器自动打开 http://localhost:8501,首次加载可能等待 8–12 秒——这是 Streamlit 预编译和 requests 建立 TLS 连接耗时,属正常现象。

若页面报错 “401 Unauthorized”,检查 .env 文件中 API Key 是否复制完整(末尾无空格)、是否在 X 后台为该 App 显式启用了 Grok 模型访问权限(默认关闭)。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

stream 大模型 grok

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Grok使用教程大全
Grok使用教程大全

从注册登录到高级提示词应用,全面讲解Grok使用教程、常见问题解决方案和效率提升技巧。

2026.06.12

96

11

Grok工具推荐合集
Grok工具推荐合集

本专题整合了Grok工具合集,阅读专题下面的文章了解更多详细内容。

2026.06.12

74

9

Grok AI模型选择推荐
Grok AI模型选择推荐

本专题整合了Grok模型推荐指南,阅读专题下面的文章了解更多详细内容。

2026.06.12

133

19

grok搭建部署教程合集
grok搭建部署教程合集

本专题整合了grok搭建部署教程合集,阅读专题下面的文章了解更多详细内容。

2026.06.12

207

13

墨刀AI提示词教学
墨刀AI提示词教学

本合集由PHP中文网精心整理,为您提供全面的墨刀AI提示词教学。内容涵盖高质量原型撰写公式与实操窍门,助您轻松掌握AI设计工具。无论是零基础入门还是进阶技巧,都能让您快速上手,大幅提升产品设计与协作效率。

2026.08.04

11

21

墨刀AI完整入门
墨刀AI完整入门

PHP中文网为您倾力打造墨刀AI保姆级入门指南完整版!本合集从零基础讲起,涵盖AI生成原型、提示词优化、图片转原型及多轮对话等核心功能。无论您是新手还是进阶用户,都能轻松掌握产品设计全流程。快来PHP中文网,一键解锁高效设计技巧,让想法即刻成型!

2026.08.04

8

20

墨刀AI进阶技巧
墨刀AI进阶技巧

本合集由PHP中文网精心整理,为您提供墨刀AI核心进阶策略指南。内容涵盖高效提示词写作、原型智能生成与微调、结构化导图制作及行业分析报告输出等实战技巧。助您轻松掌握AI设计工具,大幅提升产品设计与团队协作效率。

2026.08.04

10

14

火山引擎实名认证失败怎么办
火山引擎实名认证失败怎么办

火山引擎实名认证失败可能与证件信息填写错误、姓名或企业信息不一致、证件照片不清晰、营业执照状态异常、手机号验证失败或审核资料不完整有关。本专题整理个人认证、企业认证、资料上传、审核退回、重新提交和认证不通过的常见处理方法。

2026.08.04

5

10

火山引擎域名备案流程详解
火山引擎域名备案流程详解

火山引擎域名备案适合需要在火山引擎云服务器、对象存储、CDN或网站服务上绑定域名的用户参考。本专题整理备案入口、账号实名认证、备案类型选择、主体信息填写、网站信息提交、资料上传、初审核验、管局审核和备案失败排查,帮助用户完成网站上线前的备案流程。

2026.08.04

1

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Grok官方手册
Grok官方手册

共0课时 | 0人学习

腾讯混元大模型API参考手册
腾讯混元大模型API参考手册

共0课时 | 0人学习