smashing 开源方便的dashboard 试用

smashing 一个方便的dashboard 工具,是在Shopify/dashing 上维护的一个版本因为原有的官方团队不在维护了
smashing 使用简单,提供了脚手架同时也有好多人开发了一些插件,可以方便的集成到里边,比如github、gitlab
jira,jenkins。
以下是一个简单的试用,试用docker 构建

环境准备

  • docker-compose 文件
version: "3"
services: 
    dash:
      build: ./
      ports: 
      - "3030:3030"
      image: dalongrong/smashing-demo
    smashing:
       build: 
        context: ./
        dockerfile: Dockerfile-base
       image: dalongrong/smashing
  • smashing 基础镜像
FROM ruby:2.6-stretch
LABEL AUTHOR="dalongrong"
LABEL EMAIL="1141591465@qq.com"
WORKDIR /app
RUN apt-get update \
  && apt-get install -y nodejs \
  && rm -rf /var/cache/apt/
RUN gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/ \
   && gem install smashing

创建简单项目

  • 安装脚手架工具
gem install smashing
  • 简单demo
smashing new my-project
  • 删除tiwter 项目依赖包以及job
  • docker 运行集成
FROM dalongrong/smashing
COPY . /app
RUN bundle
EXPOSE 3030
ENTRYPOINT [ "smashing","start" ] smashing new my-project

启动&&测试

  • 构建基础镜像
docker-compose build smashing
  • 启动demo 应用
docker-compose  up -d dash
  • 效果

打开 http://localhost:3030

 

说明

smashing 基础镜像我已经push docker hub 了

参考资料

https://github.com/Shopify/dashing
https://github.com/rongfengliang/smashing-docker
https://github.com/Smashing/smashing

posted on   荣锋亮  阅读(652)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2018-08-21 StreamSets Data Collector Edge 说明
2018-08-21 prisma 集成tidb 安装试用
2018-08-21 streamsets Executors 说明
2018-08-21 streamsets geoip 使用
2018-08-21 streamsets stream selector 使用
2018-08-21 streamsets mongodb destinations 使用
2018-08-21 streamsets redis destinations 使用

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示