周末两天我搭建了一个智能问答ai工具网站

背景

周五的时候我去看了一下Boos 直聘,然后沟通了一个10k-15k的职位,她问我会不会后端,我说会一些node,然后他跟我说他们的工作是去对接第三方的的AI工具,我说这个没问题,我自己原来接触过Stable Diffusion绘画,AI大致能做,然后他说:您能独立开发一个项目吗?我自信满满的说没问题,然后他说:你可能理解错误我说的,我的意思是你前端后能一起开发嘛?我一听,现在都这么卷了吗?

既然如此:那我就想我是不是可以去尝试搭建一下,万一这公司优化了我,我是不是会有更多的实力去找下一个工作呢?然后说干就干,周五就去查看了第三方开放api。然后周末就开始弄,很快就开发出来了智能问答网站。

技术

  1. 第三方api是:千帆大模型(收费标准还好,比较便宜)
  2. 前端技术:vite + vue3 + ts
  3. 后端技术: eggjs
  4. 服务器: 腾讯服务器
  5. 部署: 宝塔

如果你需要eggjs部署的问题时,可以查看我写的这篇文章宝塔部署常见问题

前端技术

如果大家看了这个页面就会发现其实页面很简单的,就一个页面然后做了一个简单的h5兼容,其他的基本上没有什么功能了,但是其中有一个技术就是提问以后返回的数据的回显问题;

最开始我以为就是根据不同的类型然后写不同的样式,后面一想感觉不对啊,如果是表格呢?如果是高数函数呢?这怎么显示,后面我就跑到去看别人的网站数据是怎么回显的,发现使用的富文本,这一下就好选择了。

查询对比以后发现v-md-editor预览组件效果还不错,里面有一键复制代码、代码行号、高亮代码、mermaid流程图等等功能;但是这儿有一个问题,就是有一些cdn比较慢,建议切换一下,不然在首次加载的时候大概是5/6秒的样子。

前端其他的技术基本上没什么特别的了,大家可以根据自己想要的使用。

后端技术

从以上中我们知道第三方AI接口是千帆大模型的,这个时候回我们只需要根据文档一步一步的进行对接即可,不管是单条对话,还是多条对话以及流式对话都是可以的,至于为什么使用eggjs是因为我对egg相对来说要熟悉一些,本来想用nestjs的,但是感觉很多东西都还不是很懂,所以就用了eggjs。

如果你也想用eggjs开发后端接口的话,有问题可以相互探讨。

思考

有很多事情;如果我们不去做那他就是神秘的。

有很多事情;如果我们去做了可能不会成功,但是你能在此过程中学习到很多东西。

就像您爱一个人,不妨大胆一点,或许他(她)也正好喜欢您呢?如果她不喜欢您就潇洒一点,有礼貌的离开;

愿您想做一件事,都能迅速、勇敢的去做。

总结

在这两天中我觉得我学习到了很多的东西,如:

  1. eggjs宝塔部署问题
  2. 前端打包部署问题
  3. https安全申请问题
  4. 打包部署后首次加载慢优化问题
  5. vue Seo优化问题

等等;在此过程中我觉得学习到了很多的知识!至少下次我遇到了这些问题就有解决思路了,这次所分享的内容就这些了,这算是给自己的一个记录吧!感兴趣的朋友记得去体验哈哦!然后给我提提意见智能问答

相关推荐
无限大61 分钟前
为什么浏览器能看懂网页代码?——从HTML到渲染引擎的奇幻之旅
前端
福尔摩斯张3 分钟前
Linux信号捕捉特性详解:从基础到高级实践(超详细)
linux·运维·服务器·c语言·前端·驱动开发·microsoft
2401_860319525 分钟前
DevUI组件库实战:从入门到企业级应用的深度探索 ,如何快速安装DevUI
前端·前端框架
cc蒲公英27 分钟前
javascript有哪些内置对象
java·前端·javascript
zhangwenwu的前端小站42 分钟前
vue 对接 Dify 官方 SSE 流式响应
前端·javascript·vue.js
王林不想说话1 小时前
受控/非受控组件分析
前端·react.js·typescript
_杨瀚博1 小时前
VUE中使用AXIOS包装API代理
前端
张有志1 小时前
基于 Body 滚动的虚拟滚动组件技术实现
前端·react.js
b***74881 小时前
前端正在进入“超级融合时代”:从单一技术栈到体验、架构与智能的全维度进化
前端·架构
白杨SEO营销1 小时前
白杨SEO:看“20步:从0-1做项目的笨办法”来学习如何选一个项目做及经验分享
前端·学习