Appsmith本地部署教程

Appsmith是一款低代码开源框架,支持使用JavaScript进行可视化开发,帮助快速构建内部应用程序、仪表板等。本文详细介绍如何搭建开发环境,包括前端和后端所需的技术栈及配置步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Appsmith介绍

Appsmith 是一个用于构建内部应用程序的低代码开源框架。 使用我们基于JavaScript的可视化开发平台,构建CRUD应用程序、仪表板、管理面板等的速度提高10倍。 您可以使用我们预先构建的UI小部件,将它们连接到您的API和数据库,以构建动态应用程序和复杂的工作流程

环境准备

1、源码下载 本文档针对中文版 gitee地址如下https://gitee.com/cloudtogo/pageplug

环境准备

1、确保电脑已经安装docker,因为前端需要nginx做代理运行
2、安装mogodb可以是服务器的也可以是本地的
3、安装redis可以是本地的也可是服务器的

前端环境

1、node版本需要16.14.0 建议使用(nvm use 16.14.0)
2、下载yarn安装前端依赖和运行项目

后端环境

1、jdk11以上
2、maven3以上
3、如果是windows安装git执行shell脚本

前端启动

127.0.0.1 dev.appsmith.com //配置host
cp .env.example .env // 复制环境变量

cd app/client
yarn start-proxy // 通过gitBash启动本地 nginx docker
yarn install // 安装依赖包
yarn start-win // windows启动前端

注意事项
1、yarn install 安装依赖卡住了—使用淘宝镜像内存溢出
保证运行内存大于4g不然会报内存溢出

后端启动

app/server // 使用 IDEA 打开工程
IDEA需要安装插件(envFile.)
参考appsimth官网Idea配置
配置Mavne 使用jdk11
cp envs/dev.env.example .env // 创建环境变量文件
// 打开.env,配置环境变量
APPSMITH_MONGODB_URI=“你的Mongo实例地址”
APPSMITH_REDIS_URL=“你的Redis实例地址”
// 构建 java 服务
mvn clean compile // 下载依赖包
bash ./build.sh -DskipTests // 执行脚本
// 启动 java 服务 脚本启动
bash ./scripts/start-dev-server.sh
// idea启动
ServerApplication.run()方法

注意事项
1、启动报错
插件找不到
刚开始第一次启动没有注意脚本的内容,报错插件查找不到,看源码终于定位到问题了
在这里插入图片描述
通过AbstractPluginManager类可以知道在spring启动的时候通过loadPluginFromPath()方法将插件放在map的类中,默认插件加载的类是DEVELOPMENT_PLUGINS_DIR = “…/plugins”; 所以需要我建立一个目录将插件生成的jar包COPY过来。在这里插入图片描述
然后运行项目新建正常。
分析build.sh的脚本也可以得到同理的结论

常见问题统计
1、去掉发布后的标题和菜单只显示页面

再发布的url中添加?embed=true

<think>嗯,用户问的是如何在Windows系统上本地部署AppSmith。首先,我需要回顾一下已有的引用内容,看看有没有相关的信息。引用1提到通过WSL启动AppSmith源码,引用2和3也涉及本地部署的步骤,比如需要JDK11以上、Maven3以上,以及使用Git执行shell脚本。 首先,用户可能不太熟悉WSL,所以步骤里应该详细说明如何安装和配置WSL。然后,安装必要的依赖项,比如JDK和Maven,这需要检查版本是否符合要求。接着是获取AppSmith源码,这里可能需要用Git克隆仓库,但Windows用户可能需要安装Git Bash或者通过WSL来执行shell脚本,这可能会让用户困惑,需要明确指导。 然后,启动后端和前端部分,可能需要分开说明,因为后端用Java,前端可能需要Node.js环境。用户可能对同时运行两个终端窗口不太熟悉,所以需要提醒他们。另外,配置文件的部分,比如环境变量或者数据库设置,如果用户需要自定义配置,可能需要进一步的指导,但引用中没有提到,所以可能需要建议参考官方文档。 还要注意用户可能遇到的常见问题,比如端口冲突,或者依赖项版本不匹配,这时候应该给出解决建议,比如检查JDK版本,或者关闭占用8080端口的程序。此外,用户可能需要知道如何访问部署后的应用,所以需要提供正确的URL,比如http://localhost。 最后,生成相关问题的时候,要考虑用户可能的后续需求,比如如何配置数据库或者优化启动速度,或者迁移到生产环境,这些都是部署后常见的步骤。需要确保问题相关且有帮助,引导用户进一步探索。</think>### 如何在 Windows 系统中进行 AppSmith本地部署 #### 一、环境准备 1. **安装 WSL** - 以管理员身份打开 PowerShell,执行命令: ```powershell wsl --install -d Ubuntu ``` - 重启系统后完成 Ubuntu 子系统的初始化设置[^1]。 2. **安装依赖工具** - **JDK 11+**:通过 WSL 终端执行 `sudo apt install openjdk-11-jdk` - **Maven 3+**:使用 `sudo apt install maven` - **Node.js 14+**:建议通过 `nvm` 管理版本,执行: ```bash curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash nvm install 14 ``` #### 二、获取与编译源码 1. **克隆仓库** 在 WSL 中执行: ```bash git clone https://github.com/appsmithorg/appsmith.git cd appsmith ``` 2. **后端编译** ```bash ./scripts/install.sh ``` 3. **前端启动** ```bash cd app/client npm install npm start ``` #### 三、启动服务 1. **后端启动** 新开 WSL 终端执行: ```bash cd appsmith/server mvn compile exec:java ``` 2. **访问应用** 浏览器打开 `http://localhost:3000`,前端默认端口 3000,后端 API 端口 8080[^2]。 #### 四、常见问题解决 - **端口冲突**:修改 `app/client/.env` 中的 `PORT` 值 - **依赖缺失**:检查 Maven 配置(`~/.m2/settings.xml`) - **WSL 文件权限**:建议将代码存放在 WSL 文件系统内(如 `/home/user/` 路径) ```bash # 示例:检查 Java 版本 java -version # 输出应包含 "11.0.x" ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

stayhungerstayflush

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值