周末两天我搭建了一个智能问答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优化问题

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

相关推荐
半开半落3 分钟前
nuxt3安装pinia报错500[vite-node] [ERR_LOAD_URL]问题解决
前端·javascript·vue.js·nuxt
理想不理想v31 分钟前
vue经典前端面试题
前端·javascript·vue.js
不收藏找不到我32 分钟前
浏览器交互事件汇总
前端·交互
YBN娜1 小时前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=1 小时前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
minDuck1 小时前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!1 小时前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。1 小时前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼1 小时前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui