---
title: 'TiDB Hackathon 2021 — Ti-Click：通过浏览器快速搭建 TiDB 在线实验室 | Ti-可立刻团队访谈'
date: '2022-02-08T00:00:00+08:00'
status: publish
permalink: /blog/ti-click
author:
    - PingCAP
    - PingCAP
excerpt: '本篇文章将介绍 TiDB Hackathon 2021 Ti-可立刻团队赛前幕后的精彩故事。'
type: post
id: 3092
category:
    - 社区动态
tag:
    - 'TiDB Hackathon 2021'
post_format: []
profile:
    - PingCAP
enclosure:
    - "https://img1.pingcap.com/prod/Ti_e0dfdccd3c.mp4\n266569192\nvideo/mp4\n"
algolia_posts_post_records_count:
    - '4'
---
<video controls="" src="https://img1.pingcap.com/prod/Ti_e0dfdccd3c.mp4"></video>

> 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 两手抓两手都要硬等等。

![1.png](https://img1.pingcap.com/prod/1_27963e6484.png)Hackathon 之后对项目进展有什么最新计划？
-------------------------

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

> 延展阅读：点击查看更多 [TiDB Hackathon 2021 优秀项目分享](https://cn.pingcap.com/blog/tag/tidb-hackathon-2021/)