Ti-Click：通过浏览器快速搭建 TiDB 在线实验室

作者：luzizhuo

原文来源： https://tidb.net/blog/05e11f84

【是否原创】否
【首发渠道链接】 https://mp.weixin.qq.com/s/pEL3NfAkr9DsyC33wFPJcw
【正文】

项目 Demo Show： https://www.bilibili.com/video/BV14F411p7cW?spm_id_from=333.999.0.0

Hackathon 大赛中的点子和项目有很多，团队中这种协同合作，不畏困难，相互扶持的团队精神更是可贵。所以 Hackathon 的奖项在我们心里算个事儿，因为他毕竟代表了评委对我们项目的认可；但是没获奖也不算什么大事儿，因为有这样的团队在，夫复何求！

—— Ti-可立刻

在 TiDB Hackathon 2021 赛事中，Ti-可立刻团队开发的 Ti-Click 项目通过在线 IDE 的方式，快速搭建基于 TiDB 的 Example App 的开发和在线编译的实验室， 可以提高用户的 TiDB 生态初体验 。此外还可以让用户在线尝试包括 TiDB Cloud 服务在内的多项服务， 降低尝鲜 TiDB 生态的复杂程度 。Ti-Click 项目收获了评委和观众的一致赞赏，并最终晋级了本届 Hackathon 的 20 强。

TiClick 是我最喜欢的一个项目，我个人给了最高的分数，并不是因为 Sai 同学激情的演讲，也不是因为炫酷的 web 界面， 而是我看到了 TiDB 如何更好地吸引开发者的一个方向 。针对开发者学习 TiDB，后面我相信大概率就是一个 SaaS 服务，开发者直接通过浏览器就能学习了解 TiDB。这个项目让我看到了落地的可行性，我也希望能快速落地。不过我也知道，我还是希望能先在 TiDB Cloud 上面支持 Github SSO 登录，支持 open API，变得对开发者更加友好，这样才能为后面的生态扩展打下基础。

——评委唐刘

是什么促使你们三位组队？

我们三人都是来自于用户、社区和市场一线的同事。我们认为能组成一个队伍除了缘分，还是因为对 TiDB 社区的执着信念。我们的团队甚至还有日本地区的第一位 TiDB 认证讲师。我们一致认为共赢 TiDB 社区的信念是把我们凝聚到一起的力量。

“Ti-可立刻”队名的故事

我们发现不光是 TiDB，包括很多 Infra 产品（基础软件）都有触达消费者难的问题。也就是说仅仅用文档来告诉开发者如何使用产品，但是并没有理解开发者的期待。 其实作为一个开发者更期待的是上手试一试 。虽然各个厂商都推出了试用版的免费优惠政策，但是要知道，具有 Infra 产品属性的产品，其实开发者上手是很难的。最终还是面对为啥要尝试（Why），尝试什么（What）和怎么尝试（How）的困局。我们觉得与其让开发者来思考这个问题，不如我们来帮他思考。

所以 Ti-Click 从一开始就对接了 TiDB 和 TiDB Cloud 两款产品，而且带有完整的教学引导（Why），同时提供了基于 Java、Python、Golang、Nodejs、Django、PHP、Laravel、Springboot 等语言或者框架的丰富的式样案例（What），只要在浏览器里面点击一下，就可以通过浏览器，在云端轻松部署一个式样程序（How）。

Ti-可立刻，可以立刻使用 ，当然也是 Click 的谐音，我们认为是非常符合我们对产品定义的，同时也传达了我们的理念。

分布在三个时区的国际化战队，如何面对 Hackathon 紧张的项目准备工作？

Ti-可立刻战队作为历年 Hackathon 首个全部队员都分布在不同国家、不同时区的国际化战队，在队伍成员之间的分工和项目推进上都面临很大挑战。

在队员的分工方面，在 12 月 22 日确立组队后，就开始着手进行开发。其中 Pheobe 因为之前主研文档、培训方向，所以在 Ti-Click 主要是负责项目的宣传和产品的定位，本次的视频也都出于我们的大才女之手。杜志刚老师主要负责 PHP、Golang 的产品 Example 开发和难点项目攻克，比如本次大赛中，我们将 Colopl 团队开发的 Laravel 组件导入的这一绝妙案例，就是杜老师的神来之笔。成臣主要负责整个平台的搭建，以及 Java、SpringBoot、Node.js 和 Python、Django 的 example 开发。

在项目整体推进上面，因为我们都有多年工作经验，所以明确分工后，大家还是非常明确地推动项目前进的。我们没有设定时间线，但是基本上大家都在合理的时间点将作品拿出来了。而且作品的完成度非常高，基本上都是最终演示的版本。团队成员即使背靠背，也会定期汇报当前的开发进度，让队友放心，每个人对自己要实施的项目都有强烈的 Owner 精神。所以与其说是安排项目推进，不如说我们是一个内在驱动型的典范。

关于 Team Work

在 Hackathon 筹备和进行中的很多时候，当遇到突发情况，我们也都会主动站出来，挑起重担。比如说我们团队本来想由 Pheobe 在线讲解。但是面对答辩需要现场讲解的要求时。成臣主动担起重任，在现场进行项目讲解。这期间，我们准备了一遍又一遍的试讲，最终我们幸运地在预选赛中出线。在得知可以参加决赛后，我们又开始马不停蹄地准备复赛。成臣全力以赴地准备决赛演讲，杜志刚和 Pheobe 则通宵达旦地赶制了对 Ti-Click Ecosystem 的讲解视频。

整场活动除了参加比赛以外，我们还需要处理手头的很多工作，大家基本上是 24 小时马不停蹄。比如说亚太地区的伙伴凌晨 1 点交接给北美的伙伴，北美的伙伴再在亚太时间下午交接给亚太区的伙伴。这也铸就了“把我的后背放心交给队友”的团队情感。

Hackathon 大赛中的点子和项目有很多， 团队中这种协同合作、不畏困难、相互扶持的团队精神是更是可贵 。所以我们也想把 Ti-可立刻这种团队精神分享给大家。

Hackathon 的奖项在我们心里算个事儿，因为他毕竟代表了评委对我们项目的认可；但是没获奖也不算什么大事儿，因为有这样的团队在，夫复何求！

关于 Ti-Click 项目

现在 TiDB 对广大受众可得的信息，无论是文字、视频还是互动性教学，更多的是以数据库本身为核心。比如：如何建立一个分布式 SQL 数据库，这样的数据库优势在哪里，如何跑起一个 TiDB Cluster，试试 TiDB SQL 等。 我们希望打造的视角，是从软件开发整体生态中，应用程序开发者的角度来看待，如何连接、使用 TiDB。 虽然 TiDB 可以兼容 MySQL 5.7，但是还是会有一些差异，此外，不同版本间的的差异也是存在的，为了让 Java/Python/Node.js/Golong/PHP/C# 的应用程序开发者可以更加快速的尝试TiDB，并且直观的了解到面对这些差异性如何通过代码进行处理。有了这个直观的互动基础，开发者就会更加有意愿了解 TiDB 的优势和长处，比如 TiDB 的拓展性优势、虽然是分布式数据库，但是依旧保证了数据的强一致性、OLAP 和 OLTP 两手抓两手都要硬等等。

Hackathon 之后对项目进展有什么最新计划？

一方面，我们想将 Ti-Click 的研发推进下去，例如使用轻量级虚拟机替代普通容器，防止容器逃逸的安全策略改善，以及相关的周边测试样例追加。另一方面，我们也会在更多领域提供针对开发者、DBA 以及架构师的不同的产品系列，让整个产品的使用体验感受的大幅度提升。