turtlebot3-burger_150.png
turtlebot3-waffle-pi_150.png
turtlebot3-arm_150.png
walking-y2_150.png
turbot3-multi_150.png
turbot3-dl-ros1_150.png
turbot3-ai.png
turbot3-dl-ros2_150.png
turbot3-slam_150.png
turbot3-arm_150.png
turtlebot4-lite_150.png
turtlebot4-pro_150.png
turbot4-dl_150.png
turbot4-ai_150.png
aidriving-racebot_150.png
aidriving-autodrive_150.png
turtlebot-arm_150.png
openmanipulator-x_150.png
Home » Farmbot开发入门教程 » farmbot开发入门教程-前端

farmbot开发入门教程-前端

纠错,疑问,交流: 请进入讨论区请点击进入页面,扫码加入微信群或Q群进行交流

获取最新文章: 扫一扫加入“创客智造”公众号

说明:

  • FarmBot Web 应用程序的前端用户界面是一个单页应用程序,允许用户远程控制 FarmBot

  • 它支持编辑序列、方案、事件、虚拟花园地图等

请输入图片描述

规格

  • 编程语言:TypeScript
  • UI 库:ReactJS
  • 构建系统:WebPack
  • 状态管理:Redux JS
  • 存储库:FarmBot-Web-App

有用的开发者实用程序

  • window.store.getState()从浏览器的 Javascript 控制台获取当前 Redux 存储状态。
  • window.current_bot当前 FarmBot 实例由FarmBot JS从浏览器的 Javascript 控制台创建。
  • sudo docker-compose run web npm run typecheck在终端中针对代码库运行 TypeScript 类型检查器。除非此步骤通过,否则无法接受拉取请求。
  • sudo docker-compose run web npm run test运行单元测试以防止回归。必须通过此检查才能接受拉取请求。

翻译应用程序

  • 要添加或更新翻译:
- 分叉 repo
 - 导航到/public/app-resources/languages并运行命令,node _helper.js yy其中yy是您的语言的语言代码。例如:ru俄语。
 - 编辑上一步创建的文件中的翻译:"phrase": "translated phrase"。
 - 当您添加或更新翻译后,提交/推送您的更改并提交拉取请求。

内容安全警告

  • Web 应用实施了内容安全策略,以防止某些类型的安全违规行为,例如跨站点脚本和令牌盗窃。遗憾的是,这意味着某些代码可能无法按预期执行。如果您有任何问题,请提出问题。

纠错,疑问,交流: 请进入讨论区请点击进入页面,扫码加入微信群或Q群进行交流

获取最新文章: 扫一扫加入“创客智造”公众号


标签: none