【问题标题】:How to display code examples in different programming languages [closed]如何以不同的编程语言显示代码示例 [关闭]
【发布时间】:2018-08-27 21:11:45
【问题描述】:

我最近在我的工作中转变为 API 开发人员写作,并希望创建一个选项来为我们的示例代码选择不同的程序语言。截至目前,we only provide cURL code samples,但我想扩大我们的选择范围。我真的很喜欢Stripe API 是如何做到这一点的,因为它们允许您按下语言选项的按钮,从而更新示例代码。 Postman 还提供了更改示例代码语言的选项。当谈到这些东西时,我是一个极端的新手,但在做了一些研究之后,我相信 Stripe 使用 javascript 来更改样本。

我们目前正在使用 Slate 的页面静态站点生成器。

我认为能够更改网站的语言与我正在寻找的内容相似,并且已经找到了一些 useful information here in stack overflow。我知道我可以创建按钮和导航栏,但我会遇到一些麻烦的是后端的脚本。

希望有人可以为我指明正确的开始方向。提前谢谢你,如果我不够清楚,我很抱歉,因为我对这一切完全陌生。

【问题讨论】:

  • 这是通过手动输入所有代码示例并以编程方式显示用户选择的语言的示例来完成的。

标签: javascript html api


【解决方案1】:

您肯定已经知道,Stripe 对于不同的语言有不同的 URL。要根据 URL 获取数据,他们肯定会使用 AJAX 并根据他们从

返回数据的请求
  1. 来自保存在其服务器中的静态文件
  2. 来自数据库(这是我推荐的)

现在您也可以这样做。但是你有

  1. 用大量的 JS 编写您的站点,以通过 AJAX 检索数据并显示它。可能正在使用 Angular 或 React;
  2. 在后端编写请求和响应程序以响应对不同示例代码的请求,因为 Stripe 可能会像 http://example.com/api/code/sample/:language 这样的请求,其中 language 是您将用于从数据库或静态文件中检索数据的参数李>

【讨论】:

  • 谢谢。该解决方案实际上比我想象的要容易得多,因为我们使用的是已经内置此功能的 Slate。这实际上只是添加语言选项卡并在您的 Markdown 文件中包含特定语言代码的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-28
  • 1970-01-01
  • 2019-07-19
  • 1970-01-01
相关资源
最近更新 更多