前端开发同学轻松本地跑一个LLM,免费玩转大模型应用开发

相信前端的同学已经在研究基于LLM的应用开发了,但是现在网上的教程都是基于openAI的接口,要注册、付费,有没有免费的方便前端把玩的本地LLM呢?当然有。

作为中国人,我们首先把目光聚焦在支持中文的大模型上,然后在一堆开源模型中反复研究,最终,我们选定ChatGLM这个由清华和智普合作的中英双语大模型。除了支持中文外,另外一个重要的原因是,能够让前端的同学上手,而不需要搭建复杂的环境,在nodejs的基础上可以轻松跑起来。

在生态里面,chatglmjs可以帮助我们在nodejs、electron等环境下面轻松的跑一个本地的LLM,有了这个本地的LLM,那么我们在做大模型应用开发的时候,就不用再去连openai的接口,省下一笔不小的费用。

接下来我们看看怎么上手。

首先,安装chatglmjs:

css 复制代码
npm i chatglmjs

安装之前需要确保你的电脑上安装了cmake,需要支持c/c++的编译。

接下来,生成/下载大模型bin文件。

bash 复制代码
git clone --recursive https://github.com/li-plus/chatglm.cpp.git && cd chatglm.cpp
python3 -m pip install -U pip
python3 -m pip install torch tabulate tqdm transformers accelerate sentencepiece
python3 chatglm_cpp/convert.py -i THUDM/chatglm3-6b -t q4_0 -o chatglm3-6b.q4_0.bin

如果你是个懒人,可以直接点击这里下载已经生成好的bin文件

最后,进入nodejs的代码编写:

javascript 复制代码
const { chat, chatSync } = require('chatglmjs');
const { resolve } = require('path');

chat({
  model_bin_path: resolve(__dirname, '../llms/chatglm3-6b.q4_0.bin'),
  prompt: '你好',
  onmessage(msg) {
    process.stdout.write(msg);
  },
});

上面就是chatglmjs的最简单用法,当然,你还可以结合express创建一个服务,前端发一个ajax请求,由express调用上面这段代码来响应ajax,这样就可以在前端浏览器里面实现一个大模型应用了。

好了,今天就分享到这里,没必要为了凑字数搞一堆高深的概念,相信有想法的同学很快就能按照本文介绍的方法完成本地LLM的接入。

项目地址:github.com/tangshuang/...

记得给个star哦

相关推荐
东东5162 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino2 小时前
图片、文件的预览
前端·javascript
2501_920931704 小时前
React Native鸿蒙跨平台实现推箱子游戏,完成玩家移动与箱子推动,当所有箱子都被推到目标位置时,玩家获胜
javascript·react native·react.js·游戏·ecmascript·harmonyos
AI老李4 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
方也_arkling4 小时前
Element Plus主题色定制
javascript·sass
小杨互联网4 小时前
LLM应用三大隐形风险与防护方案详解
llm
2601_949809595 小时前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
Up九五小庞5 小时前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
摘星编程5 小时前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767376 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos