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

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

相关推荐
伍哥的传说43 分钟前
鸿蒙系统(HarmonyOS)应用开发之手势锁屏密码锁(PatternLock)
前端·华为·前端框架·harmonyos·鸿蒙
yugi9878381 小时前
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
前端
浪裡遊1 小时前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
csdn_aspnet1 小时前
Node.js 使用 WebSockets 和 Socket.IO 实现实时聊天应用程序
node.js
旧曲重听12 小时前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿2 小时前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉2 小时前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽2 小时前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课2 小时前
React useEffect 详解与运用
前端·react.js
我想说一句2 小时前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript