最近,你有没有在朋友圈刷到这个好玩又魔性的「便携小空调」?
我的项目尽管十分简洁,但称得上五脏俱全:不仅装备了“业余”空调和遥控器,联合真切的音效,好像真有徐徐清风扑面而来~
据作者介绍,这个小我的项目还有诸多劣势:
- 随时随地关上空调
- 便携
- 低功耗(应用 HTML CSS 而非 Canvas 绘制)
- 静音
- 操作简略
- 装置便捷
惟一的劣势就是:没有风
目前该我的项目已开源。在这个日渐酷热的夏天,这个小我的项目通过意识流吹空调 + 冷风趣的形式为用户带给了一丝清凉。
那么问题来了,你是否也想疾速“装置”本人的小空调?
简略!应用云开发推出的 「一键部署」 建站能力,借用云开发底层能力和一体化部署工具 CloudBase Framework,无需写代码,只需简略配置就能把小空调“装置”到你的“家”中(云开发环境中)。具体怎么安?请看:
Step 1 进入页面,点击「部署到云开发」
页面地址:https://github.com/TencentCloudBase-Marketplace/air-conditioner
Step 2 登录云开发控制台后,在弹出的窗口中,抉择想部署到的 云开发环境。
实现利用配置:
Step 3 静待几分钟,利用就部署实现了!点击“拜访”按钮即可关上你的网站,还能够进行治理、卸载等操作。
到此,就实现了一个我的项目的部署。除了小空调我的项目,云开发还提供了一系列的支流我的项目模板,可供开发者一键部署:
我的项目作者:
云游君,学生,前端开发者,业余开源爱好者,集体网站 yunyoujun.cn,同名公众号云游君主理人。
我的项目原地址:https://github.com/YunYouJun/air-conditioner
我的项目作者小访谈
Q:先简略介绍下本人吧~
云游君:嗨,我是云游君。当初是中传的一名在读研究生,行将入职腾讯实习。我当初的主攻方向是前端开发,喜爱所见即所得的货色,置信所有能够在云端运行的货色肯定都会在云端呈现。酷爱开源,喜爱所有乏味的货色,也心愿业余能用本人的双手创作出更多好玩的货色!
Q:你创作的小空调我的项目受到了很多人的青睐,能简略说下创作背景和灵感起源吗?
云游君:可能要从 CSS 说起:几年前,练习 CSS 动画我写过一个线上的电风扇(也是开源的),当然囿于技术和设计能力,好看上能够说是十分欠缺。
起初,由此联想到:夏天还有什么呢?没错,那就是「空调」。这就是「云空调」的来历了。
Q:看来是趣味使然 + 灵感闪现~ 是否介绍下技术实现方面的思路吗?
云游君:在技术实现上:因为初衷便是一个玩具我的项目,所以我通常喜爱应用我最不纯熟的技术来实现它,并借此学习一些货色,所以它的代码可能并不是最最优雅的形式。
由此,技术选型定为 React + Material-UI。具体实现的话,说难也不难,说简略本人又的确是下了很多功夫。除去我的项目自身自带的冷风趣,最大的亮点想必便是纯 CSS 绘制了,比方能效标签。当然,这实质上是一个苦力活,对着实在的能效标签,配合框架的循环语法,用 CSS 一个个画下来就是。
值得一提的是,这个我的项目也对我的面试产生了一些帮忙,再加上能给一些人带来高兴,总的来说,集体还是挺有意义的。
Q:最初,再说说你对云开发一键部署的认识吧~
云游君:小空调火了后,有很多刚接触编程的同学来询问代码怎么运行、怎么部署,对于小白来说,甚至要从本地环境哪里怎么配置开始钻研,导致单方答疑和学习的效率都不高。
有了云开发的一键部署,能够主动借助云开发的部署托管能力,疾速生成本人的小空调我的项目,再从成形的我的项目去反推和钻研技术细节,进而去理解和学习相干常识,我感觉是很有用的一种思路!
最初,欢送大家多多关注我的集体小站 yunyoujun.cn 和云开发的一键部署,心愿利用市场能引入更多丰盛的利用模板,为大家带去高兴 / 便当。
福利小彩蛋
按上述部署教程,用云开发部署一个
你的“小空调”或任意一个利用
将部署后的网站地址发送至:公众号后盾
即可支付 微信读书卡一张(每人限领一张,数量无限)
云开发建站特惠
免运维、低成本、高弹性
5 分钟轻松搭建独立品牌网站
建站地址:https://cloud.tencent.com/act/pro/hosting01
产品介绍
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为开发者提供高可用、主动弹性扩缩的后端云服务,蕴含计算、存储、托管等 serverless 化能力,可用于云端一体化开发多种端利用(小程序,公众号,Web 利用,Flutter 客户端等),帮忙开发者对立构建和治理后端服务和云资源,防止了利用开发过程中繁琐的服务器搭建及运维,开发者能够专一于业务逻辑的实现,开发门槛更低,效率更高。
开明云开发:https://console.cloud.tencent.com/tcb?tdl_anchor=techsite
产品文档:https://cloud.tencent.com/product/tcb?from=12763
技术文档:https://cloudbase.net?from=10004
技术交换群、最新资讯关注微信公众号【腾讯云云开发】