Appsmith本地部署教程

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

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在 Appsmith 中实现登录,通常需要以下步骤: 1. 创建一个登录表单,包括用户名和密码输入框,以及登录按钮。 2. 在 Appsmith 中创建一个 API 请求,用于验证用户的登录凭证。 3. 将登录表单与 API 请求绑定,使用户可以通过表单提交登录凭证。 4. 在 API 请求中添加逻辑,验证用户凭证是否正确,并返回相应的结果。 5. 在应用程序中使用条件逻辑,根据 API 请求的结果显示成功或失败的消息。 下面是一个简单的示例: 1. 创建登录表单 在 Appsmith 中创建一个表单,包括用户名和密码输入框,以及一个登录按钮。你可以使用 Appsmith 的内置组件来创建这些元素。确保为每个输入框和按钮提供一个唯一的 ID。 2. 创建 API 请求 在 Appsmith 中创建一个 API 请求,用于验证用户的登录凭证。你可以使用 Appsmith 的内置请求组件来创建这个 API 请求。在请求中指定登录凭证的验证方式。例如,你可以使用用户名和密码的组合来验证用户。 3. 绑定表单和 API 请求 使用 Appsmith 的绑定功能,将登录表单中的输入框和按钮与 API 请求绑定。确保将输入框的值绑定到请求的适当字段。 4. 验证凭证并返回结果 在 API 请求中添加逻辑,验证用户凭证是否正确,并返回相应的结果。例如,如果用户提供的凭证无效,请求返回一个错误消息。 5. 显示结果 在应用程序中使用条件逻辑,根据 API 请求的结果显示成功或失败的消息。例如,如果用户登录成功,显示一个欢迎消息,否则显示一个错误消息。 这是一个简单的示例,你可以根据你的应用程序需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

stayhungerstayflush

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

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

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

打赏作者

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

抵扣说明:

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

余额充值