首页 › AI人工智能 › 不用懂编程也能快速搭建自己的AI人工智能应用，Shaking-AI 抖动AI ，ChatGPT React UmiJS 应用，支持流式输出。支持OpenAI官方所有接口。支持MJ画图接口，ChatGPT的React客户端。OpenAI GPT-3.5-Turb GPT-4 Api Client for React & UmiJS

不用懂编程也能快速搭建自己的AI人工智能应用，Shaking-AI 抖动AI ，ChatGPT React UmiJS 应用，支持流式输出。支持OpenAI官方所有接口。支持MJ画图接口，ChatGPT的React客户端。OpenAI GPT-3.5-Turb GPT-4 Api Client for React & UmiJS

06月26日 发布在 AI人工智能

3222 0 0

轻抖云AI开放平台开源产品之抖动AI - 含支付功能、会员注册登录、会员卡、积分卡购买、虚拟商品发卡售卖、裂变分销等实用功能！

GitHub地址：https://github.com/qingdouyun/shaking-ai

在线体验地址：
电脑端：http://kedoupc.shakingcloud.com
移动端：https://kedou.shakingcloud.com
后台管理端：https://ai.shakingcloud.com
后台管理员账号、密码，请添加创始人微信：476623007，让他微信发给你

项目简介

作为一名互联网AI技术爱好者，我非常兴奋地向大家介绍这款全新的开源AI应用软件 —— ShakingAI：ChatGPT的React客户端，OpenAI官方Api的React应用Demo，可以快速打包上线使用，支持OpenAI官方全部接口，这款软件是基于可插拔的企业级React应用框架Umi-4开发的，主要使用的语言是JavaScript，应用前端UI页面支持低代码拖拉拽装修设计，后台基于SpringCloud Alibaba微服务框架搭建的轻抖云AI开放平台是一款功能强大、安全、稳定、高性能、企业级的AI平台，该AI平台可以帮助您快速完成构建一个互联网AI应用产品的任务。抖动AI软件的最大特点是可以链接当下最流行的AI模型，包括人工智能ChatGPT(OpenAI)、阿里通义、百度文心、华为盘古、腾讯混元等，从而实现所有场景的虚拟对话，包括但不限于跟你聊天、帮你写论文、写代码、充当人工客服、虚拟数字人直播等。我认为它会是一个非常有前途的产品，它可以帮助企业或个人提高工作效率，降低人力成本，能帮助您极短时间内构建一个自己的专属品牌AI互联网应用，你只需要关注前端应用的开发和UI的定制，后台有丰富的API接口供你使用。如果您正在寻找一款可靠的开源AI软件，那么这个抖动AI绝对值得你一试。

使用指南

在正式投入生产环境之前，你需要准备以下材料：

企业资质（营业执照、公司银行账户、银行开户许可证）若要开通支付功能才提供
法人代表：姓名、身份证、实名手机号、绑定银行卡的个人微信号
企业资质认证通过未过期的微信公众号1个（服务号或订阅号都行，建议服务号）
微信公众号开通微信支付，拥有企业资质的微信支付商户号1个
支付宝商户号：若需要使用支付宝支付，则需要使用企业资质注册认证
阿里云或腾讯云账号1个，域名1个（如果挂国内服务器，域名还需要备案，如果使用大陆以外的服务器，则不需要备案）
轻量云服务器1核1G的一台，1年几百块那种配置即可，用于解析备案域名网站、这样平台就可以完全挂靠到自己的企业名下，才能合法合规顺利地经营自己的AI平台。
OpenAI GPT账号，有就提供，自己配置使用自己的账号，没的话，可以使用平台方的，按需付费即可。

一. 开箱即用如果你不需要做UI页面的定制化修改，那么你可以将代码拉下来，打包部署至您的服务器即可。请仔细阅读以下详细步骤，按照如下图文教程，即使你不懂编程也可完成构建一个你自己的AI应用

二. 详细使用步骤

使用Git相关工具，将Shaking-AI代码下载到本地

使用VSCode编译器打开shaking-ai工程，打开后使用yarn 命令编译工程，如下图所示：

编译完成，使用 yarn start 命令启动项目

默认端口是9001
浏览器（建议使用Chrome浏览器）地址栏，输入 http://localhost:9001 即可看到shaking-AI应用的效果

打造自己专属品牌的AI应用首先到轻抖云AI开放平台https://ai.shakingcloud.com注册一个自己的账号，使用手机号注册即可！

注册成功后，即进入系统后台，找到左侧菜单：应用管理-自适应网页-创建应用：

创建AI智能应用，并选择版本

接下来就是装修设计您的AI应用

具体的页面装修操作教程，你可以点此链接http://kedoupc.shakingcloud.com参考首页的这个视频：

到这里，假设你的应用已全部配置好、页面已全部装修完毕，那么你就可以打包部署至您的云服务器了以下是打包部署的方法（为了用户的极致快速体验，请准备好一个cdn加速域名和一个七牛云、阿里云oss云存储类似的存储服务）

控制台执行打包命令：npm run build 进行打包

隔一段时间后，打包即可完成，这时候会生成一个dist文件夹，注意：CDN云存储一定要绑定自己的域名，工程里的该地址备注释掉是为了方便测试，请打包时候务必去掉注释

接下来就是服务器的Nginx、Docker环境的安装和配置：服务器的最低配置1核1G1MB带宽（如果要同时部署多个应用，建议使用物理机ECS，不要使用虚拟机VPS） a. 安装Docker服务（此处省略安装步骤，不会的咨询作者） b. 安装Nginx服务（此处省略安装步骤，不会的咨询作者） c. Docker下安装并启动多个Nginx：第一步：docker pull nginx （下载镜像，如果慢，请更换你的docker加速器）并启动一个服务如：docker run --name nginx -p 80:80 -d nginx:latest 第二步：拷贝容器中的配置文件至你需要存放的目录，如拷贝到当前目录：docker container cp nginx:/etc/nginx . （注意后面的点）比如拷贝后的文件夹名称为nginx，我们可以重命名为nginx_admin代表管理后台使用，nginx_mobile代表手机网页端使用，注 container 就是命令，不用替换为容器ID 第三步：启动nginx命令做好映射配置，即可直接启动，如下命令： docker run --name nginx -p 80:80 -d --volume "/usr/local/docker/nginx/html":/usr/share/nginx/html --volume "/usr/local/docker/nginx":/etc/nginx --volume "/usr/local/docker/nginx/logs":/var/log/nginx -v /usr/local/docker/nginx/cert:/usr/local/docker/nginx/cert nginx:latest 再如我轻抖云官方的启动命令： docker run --name nginx_qdy -p 83:80 -d --volume "/usr/local/docker/nginx_qdy/html":/usr/share/nginx/html --volume "/usr/local/docker/nginx_qdy":/etc/nginx --volume "/usr/local/docker/nginx_qdy/logs":/var/log/nginx -v /usr/local/docker/nginx_qdy/cert:/usr/local/docker/nginx_qdy/cert nginx:latest 第四步：在按需配置/usr/local/docker/nginx_admin/conf.d/default.conf 文件，跟配置普通nginx一样注： 1、docker下的nginx使用ssl证书不需要单独安装ssl模块，直接配置证书即可 2、单页问题导致Nginx转发后，直接刷新页面404的问题解决办法：在对应的Docker的nginx容器的配置文件目录conf.d下面的default.conf文件做如下修改： location / { root /usr/share/nginx/html; index index.html index.htm; try_files $uri $uri/ /index.html; } 移动端和电脑端同时部署前端的模板命令： docker run --name nginx_pc -p 81:80 -d --volume "/usr/local/docker/nginx_pc/html":/usr/share/nginx/html --volume "/usr/local/docker/nginx_pc":/etc/nginx --volume "/usr/local/docker/nginx_pc/logs":/var/log/nginx -v /usr/local/docker/nginx_pc/cert:/usr/local/docker/nginx_pc/cert nginx:latest docker run --name nginx_mobile -p 82:80 -d --volume "/usr/local/docker/nginx_mobile/html":/usr/share/nginx/html --volume "/usr/local/docker/nginx_mobile":/etc/nginx --volume "/usr/local/docker/nginx_mobile/logs":/var/log/nginx -v /usr/local/docker/nginx_mobile/cert:/usr/local/docker/nginx_mobile/cert nginx:latest

d.主Nginx服务做好电脑端、移动端等的域名转发配置

e. 最后一步就是将打包那一步生成的dist文件夹中的index.html文件，上传至您的nginx服务的html目录并重启nginx服务 ./sbin/nginx -s reload

大功告成！！

功能特性

抖动AI由轻抖云AI开放平台快速构建生成，轻抖云AI开放平台是一款功能强大、安全、稳定、高性能、企业级的AI系统软件，他可以帮助您快速完成构建一个互联网AI应用产品的任务。它具有以下特点：

AI引擎轻抖云AI开放平台可链接OpenAI、阿里通义、百度文心、华为盘古、腾讯混元等当下最流行的AI模型，他可以完成所有场景的虚拟对话，包括但不限于跟你聊天，帮你写论文，写代码，充当人工客服、虚拟数字人直播等。
低代码平台轻抖云AI开放平台是一个低代码的软件开发平台，可以帮助使用者以更快的速度和更少的编码定制工作来完成应用程序的构建。通过轻抖云AI开放平台低代码平台，用户可以使用可视化编辑器拖放界面、加上简单的逻辑构建块来创建应用程序，而不需要程序员来编写大量的代码。本平台提供的功能包括：可视化编辑器、自动化实施工具、集成API、数据管理和安全性等，作为用户的您，只需要专注于产品运营，搞流量，而不是花血本去搞互联网的技术开发。轻抖云AI开放平台低代码平台是你企业数字化经济转型的重要工具，通过他，您可以大幅度提高你的开发速度和效率，缩短互联网应用上线时间并降低开发成本。
站群系统轻抖云AI开放平台还支持站群系统，平台采用前后端分离架构，你可以通过拖拉拽构建无数个不同类型的互联网应用客户端，包括但不限于H5手机网页、电脑网站、小程序、APP等。虽然各个客户端应用是独立分开运营的，但其用户数据不是孤独的，通过轻抖云AI开放平台可以做到所有数据统一化管理，拒绝一切数据孤岛，提高你产品的运营效率、效益和垂直度。
电商系统轻抖云AI开放平台提供了一种基于互联网商业模式的电商系统，有了他，你可以将你的产品或服务通过互联网直接触达用户、直接变现。通过电子商务平台实现你宝贝的展示、交易、支付、物流等全过程的数字化；轻抖云AI开放平台电商系统的优势包括： a. 便捷性：消费者可以随时随地通过电子设备进行购物，不受时间和地点的限制。 b. 价格优势：电商系统可以通过规模效应和供应链优化等方式降低成本，从而提供更具竞争力的价格。 c. 个性化服务：电商系统可以通过数据分析和个性化推荐等方式，为消费者提供更符合其需求的商品和服务。 d. 数据化管理：电商系统可以通过数据分析和管理，优化运营和营销策略，提高效率和盈利能力。
虚拟卡密发卡系统轻抖云AI开放平台不仅支持实物商品的售卖，而且还支持虚拟商品的售卖，通过轻抖云AI开放平台虚拟卡密发卡系统，用户可以在线购买各种虚拟商品，如游戏点卡、话费充值卡、会员卡等。什么是卡密发卡系统呢？解释：用户在网站上选择需要购买的商品，然后支付相应的费用，系统会自动生成一个唯一的卡密号码，用户可以使用该号码兑换相应的商品。卡密发卡系统的优点是，可以实现自动化发卡，提高效率，减少人力成本；同时也可以保证卡密的安全性，避免卡密泄露和重复使用。此外，卡密发卡系统还可以提供数据分析和统计功能，帮助商家了解用户购买行为和消费习惯，从而更好地制定营销策略。它的应用范围非常广泛，包括游戏、电商、社交媒体等领域。在游戏领域，卡密发卡系统可以用于游戏点卡、游戏道具等虚拟商品的销售；在电商领域，卡密发卡系统可以用于话费充值卡、购物卡等虚拟商品的销售；在社交媒体领域，卡密发卡系统可以用于会员卡、礼品卡等虚拟商品的销售。
会员系统轻抖云AI开放平台会员系统是管理用户身份和权限、提供与用户交互和管理相关的功能的重要工具，可以帮助您提高用户体验和满意度，促进业务发展。会员系统是一种网站或应用程序中的功能，通过注册和登录等方式来管理用户身份和权限，以及提供与用户交互和管理相关的功能。会员系统通常包括用户注册、登录、密码重置、个人资料管理、权限分配、支付和订阅等功能。这些功能可以帮助网站或应用程序管理用户信息、提供个性化服务、促进用户互动和提高用户满意度。会员系统的作用包括： a. 保护用户隐私：会员系统可以帮助网站或应用程序管理用户信息，保护用户隐私。 b. 提供个性化服务：会员系统可以根据用户的个人资料和行为，提供个性化的服务和推荐。 c. 提高用户满意度：会员系统可以提供诸如积分、等级、优惠券等奖励机制，增加用户参与度和忠诚度，提高用户满意度。 d. 支持电子商务：会员系统可以支持电子商务功能，如购物车、订单管理和支付等。 e. 促进社交互动：会员系统可以促进用户之间的社交互动和沟通，如用户间的私信、评论和点赞等。
小程序快速建站系统通过轻抖云AI开放平台，三步即可打造您的专属小程序，低代码模式满足不同行业需求，随意修改模板数据和样式,省心省力，一键发布，最快1天内即可上线使用。小程序的天然优势：免安装，操作简单，开发成本低，周期短，用户体验好，媲美APP。
多级分销会员系统平台支持多级分销模式的构建，通过建立多层次的会员关系，让会员推广产品或服务，从而获得佣金或奖励。该系统可以帮助您扩大销售渠道，提高品牌知名度和销售额。其价值主要体现在以下几个方面：提高销售额：多级分销会员系统可以通过会员推广产品或服务，增加销售额。扩大销售渠道：会员可以通过自己的社交网络、朋友圈等渠道推广产品或服务，扩大销售渠道。提高品牌知名度：会员通过推广产品或服务，可以提高品牌知名度，增加品牌曝光率。降低营销成本：多级分销会员系统可以通过会员自愿推广产品或服务，降低企业的营销成本。建立忠诚度：多级分销会员系统可以通过奖励机制，建立会员忠诚度，增加会员的参与度和活跃度。支持几级：理论上支持无限极
支付系统轻抖云支付系统可以帮助您和消费者完成支付交易，并确保交易的安全性和可靠性。通过它可以提高交易效率，降低交易成本，提高支付安全性，为商家您和消费者提供更便捷的支付方式。现目前轻抖云AI开放平台支付系统已集成支付宝、微信支付、银联支付、杉德支付等常用支付插件，后续还会加入虚拟货币USDT支付插件，开发者只需通过简单的配置即可使用。 a. 快速，稳定，简单接入方式力求做到最简单，方便接入。系统秒级回调处理。告别小数点后面一串数字，用户体验优秀。 b. 实时结算每笔交易都实时结算，每个订单会生成全新的收款地址。 c. 费率低廉透明（直接对接自己的商户号）您需要承担的仅仅是微信、支付宝方的支付手续费
内容管理系统轻抖云AI平台允许用户创建、发布、编辑、修改和维护自己创建的网站内容，包括文字、图片、音频、视频等多种形式的内容。你只需注册一个账号，通过后台管理界面，就可方便地管理您的网站内容，而无需具备专业的编程技能。平台大大简化流量网站的管理和维护工作，提高网站的效率和可靠性。它可以让多个用户同时协作编辑和管理网站内容，从而提高工作效率。此外，CMS系统还可以提供各种功能和插件，如SEO优化、社交媒体集成、电子商务等，帮助网站实现更多的功能和增加更多的价值。
微信公众号助手系统轻抖云AI开放平台的微信公众号助手系统，可以帮助您更好的管理公众号，包括但不限于更好的帮你个性化管理粉丝、公众号菜单、微信模板消息、客户消息自动回复、群发消息按人群定制等。
NFT铸造系统由AI引擎生成的图片，可以一键同步至联盟链、公有链或私链，发行为NFT产品，应用可部署到联盟链（百度超级链、BSN链、蚂蚁链、至信链等），未来也可将去中心化应用部署到以太坊、比特链等公链。
开放源代码轻抖云AI开放平台的客户端应用代码，完全开源，你可以选择二次定开，也可以选择直接使用，你无需关注后端逻辑实现，你只需按自己的需求完善前端页面UI的定制修改，平台提供丰富的API接口，可帮助你低成本、快速地搭建出一个自己专属品牌的AI互联网应用。
全站静态资源CDN加速服务图片、视频、音频、样式文件等静态资源支持全球互联网CDN加速服务，秒级触达用户。

技术框架

此款ChatGPT的React客户端应用——Shaking-AI，采用的是企业级可插拔式的前端开发框架UmiJS-4.0，UI框架使用的是蚂蚁金服的Ant Design 4.0，部分UI借鉴开源产品ChatGPT-Next-Web

2.80%以上的网页UI支持自定义装修设计

平台后端技术框架采用Java语言开发，使用SpringCloud Alibaba微服务框架做底层架构：

技术驱动打造生态将前沿软件技术与行业应用相结合，为大规模互联网AI应用提供强有力的支持

技术标准规范 10年专注于互联网商务软件的研发，坚持精雕细琢，致力于为企业打造高品质软件系统，严格遵循JavaEE标准开发规范，完善的代码注释，标准的命名规范，统一的编程风格；我们始终坚持用严苛的技术标准打造软件品牌价值。

SpringCloud阿里巴巴微服务架构轻抖云SHAKINGSHOP电商系统使用的是SpringCloud极简微服务架构，可以更好的衔接阿里云各大云服务容器或中间件，方便在多用户高并发请求的情况下，随意扩展增减服务，其中使用的阿里巴巴Nacos注册服务中心，天生支持负载均衡，可以自由的上下架服务而不影响正常服务的使用。