为 Deno Subhosting 黑客马拉松构建云 IDE

更新 2024/01/19：黑客马拉松已经结束，获胜者已经确定。感谢所有参与的人！

随着软件开发技能变得更加易于获取，并且代码越来越多地进入团队成员的手中，在您的 Web 应用程序中直接包含开发环境变得越来越流行。

Salesforce 等 SaaS 公司提供基于浏览器的开发环境，以使用代码自定义其平台。
像 Twilio 和 Retool 这样的开发工具公司，使开发人员能够在浏览器中编写 JavaScript 以驱动工作流程和处理系统事件。
像 Codecademy 这样的教育平台为学生提供基于浏览器的开发工具。
即使是专业开发人员也使用 repl.it 等平台在浏览器中开发和共享代码片段，一些公司选择将完整的开发环境迁移到云端。

您的客户很有可能能够从平台中的代码级自定义中受益，并且您可能希望构建上面列出的那些功能。构建云 IDE 可能很令人生畏，但 Deno Subhosting API 通过允许您以编程方式在 Deno Deploy 的全球分布式 V8 隔离云中以秒为单位部署和运行代码，简化了这个过程。

今天，我们邀请您通过参加我们的 **Deno Subhosting 黑客马拉松** 来了解更多有关 Deno Subhosting 功能的信息，在本次黑客马拉松中，您将面临构建自己的云 IDE 或将云 IDE 集成到现有产品中的挑战。

提交指南

要提交黑客马拉松项目，您必须构建一个基于浏览器的 IDE，该 IDE 使用 Subhosting API 执行 JavaScript 或 TypeScript 代码。您的项目可以是

使用 Subhosting 的全新项目，其中包含基于浏览器的 IDE
添加了使用 Subhosting 的基于浏览器的 IDE 的现有项目

构建完符合此描述的应用程序后，请在此处提交并包含以下关键信息

标题
您的项目描述
可演示产品的 URL 或视频演示

请注意，所有项目必须在 Deno Subhosting 基础设施上成功运行代码。对于添加了云 IDE 的现有项目，我们也将接受视频演示以代替可演示的 URL。

我们将在 **太平洋时间 1 月 18 日星期四中午 12 点之前** 接受提交。我们将在 1 月 19 日星期五公布获奖者。

不确定要构建什么？

有很多很棒的基于云的 IDE，有些是针对特定目的的，比如 CodePen 用于前端，Val.town 用于无服务器 JavaScript 函数，还有更通用的 IDE，比如 Repl.it 或 GitPod。还有一些 IDE 集成到 SaaS 产品中，比如 Salesforce 的代码构建器，它允许开发人员扩展其功能。无论其目的如何，这些 IDE 的简化开发体验使您能够跳过配置，直接进入原型设计。

以下是一些我们认为可以在本次黑客马拉松范围内构建的示例。

从浏览器 IDE 创建和部署 Discord 或 Slack 机器人
从浏览器 IDE 创建和部署 Alexa 操作/技能
使用在浏览器中编写的代码处理 Webhook
使用基于浏览器的代码实现 OpenAI 函数

无论您构建什么，都需要从浏览器获取代码并使用 Subhosting API 运行它。我们迫不及待地想看看您在提示下能发挥出多大的创意。

资源

以下是一些帮助您开始的链接和资源。

Subhosting IDE 初学者模板 - 帮助您开始使用 Subhosting API 的云 IDE 模板
Monaco 编辑器 - 由 VS Code 使用的开源基于浏览器的编辑器，可能对实现基于浏览器的代码编辑很有用。您也可以考虑其他替代方案，比如 CodeMirror 或 Ace。
Subhosting 快速入门指南
Subhosting REST API 参考

此外，我们还将在 **太平洋时间 1 月 11 日星期四上午 11 点进行一场直播代码流**，我们将在其中向您展示使用 Subhosting IDE 模板构建自己的云 IDE 的第一步。我们计划在不久之后将此内容转录成博客中的书面教程。

在本场直播代码流中，了解如何使用 Deno Subhosting API 构建自己的云 IDE。

在接下来的几天里，我们将发布更多资源来分享一些技巧。加入我们的 Discord 并将您的角色更新为包含 events 以保持同步！

奖品

我们将根据以下类别颁发奖品。

最有趣
最有用的
最具技术性的
Ryan 最喜欢的

所有获奖者将获得 Deno 商品的 100 美元礼品卡。

获奖作品

感谢大家参与，并祝贺以下获奖者！以下是每个类别的获奖者。

最有趣：Deno Blocks

Deno Blocks 是一款浏览器中的可视化代码编辑器，允许您拖放代码片段。它使用 Fresh 和 Blockly 构建。在此处查看他们的视频演示。

screenshot of Deno Blocks

最有用的：DenoCode

DenoCode 是一款云编辑器，让您可以选择使用 ChatGPT 来生成代码。它使用 Firebase 身份验证、OpenAI、SvelteKit 和 Monaco 构建。在此处查看他们的视频演示。

screenshot of DenoCode

最技术：deco.play

deco.play 除了是一个使用强大的浏览器内代码编辑器的 CMS，它还使用 AI 根据您上传的网站截图创建 Preact 组件。这个应用程序是用 Fresh、Tailwind 和 GPT Assistant 构建的。在此处查看他们的视频演示。

screenshot of deco.play

瑞安最喜欢的：Deno Blocks

瑞安审查了提交内容，并表示他最喜欢的是 Deno Blocks。

恭喜，Deno 团队将与您联系以告知奖品信息！

错过了这次黑客松？

会有更多！请关注我们的 Twitter 或加入我们的 Discord 以保持最新消息。