快速入门:进阶集成

选择要嵌入的内容

在将GeoGebra嵌入网站时,有3种选择。哪一款适合你,取决于你打算用它做什么。您可以嵌入:
  • GeoGebra活动(可使用基本服务),将动态工作表纳入您的网站
  • 使用API(需要Plus服务)的GeoGebra活动包括动态工作表并在您的网站上与之交互
  • GeoGebra Calculator应用程序(需要Plus服务)可将GeoGebraGraphing Calculattor、Geometry、3D Calculators或Classic直接添加到您的网站中
要了解嵌入的可能性,请查看本示例集。
使用API嵌入活动 使用GeoGebra API,您可以以更复杂的方式与GeoGebra活动交互。您可以在活动外部创建按钮,以显示或隐藏对象、侦听活动中的事件并对其做出反应等等。 在开始使用API之前,请按照基本集成中描述的步骤将活动嵌入到div元素中(如果还没有)。无论您想在使用或不使用API的情况下嵌入活动,嵌入活动的步骤始终相同。GeoGebra应用程序API参考中列出了API的完整描述。GeoGebra API的使用包含在我们的Plus服务协议中。

API入门

要了解如何使用API,请从以下简单示例开始:
  • 使用三角形ABC创建一个活动,并将其嵌入到您的网站中,如基本集成中所述.
  • 打开带有嵌入活动的html文件,并添加以下代码以添加2个按钮,用于设置点A可见和不可见。
  • 在浏览器中加载html文件,查看按钮是否按预期工作。
要继续阅读更多示例,请查看GeoGebra的示例集。要查看相应的代码,请选择右上角的View on GitHub。
嵌入GeoGebra计算器应用程序 建议将GeoGebra应用程序嵌入网站的方法是将其直接作为div元素嵌入。使用div嵌入可以更改应用程序的设置,如应用程序的大小、显示或隐藏菜单、禁用CAS等等。 创建嵌入GeoGebra应用程序的html文件的最简单方法是直接从应用程序下载html文件,如下所述。您也可以按照下面的步骤手动嵌入应用程序。

将计算器应用程序下载为html

您可以直接从任何GeoGebra在线或桌面应用程序创建嵌入GeoGebra应用程序的网页。启动要嵌入的GeoGebra应用程序(例如GeoGebraGraphing Calculator)并打开菜单。选择下载为,然后选择活动为网页(html)。下载的html文件包含启动所需的所有内容。

Manual Embedding

要将GeoGebra应用程序嵌入您的网站,您需要添加4个部分: 1.将以下内容添加到 部分,以确保缩放和Unicode正确工作: 2.包括JavaScript库deployggb.js: 3.创建一个要加载活动的div元素 4.配置并插入应用程序: var params = { "appName": "graphing", "width": 800, "height": 600, "showToolBar": true, "showAlgebraInput": true, "showMenuBar": true, }; var ggbApplet = new GGBApplet(params, true); window.addEventListener("load", function() { ggbApplet.inject('ggb-element'); }); 如果要加载其他应用程序,可以更改参数列表中的设置。只需将“appName”参数更改为“graphing” 、“几何”、“3D”或“经典”。 注意:如果您如上所述直接从应用程序下载html文件,html文件将包含这4个部分。 这些步骤与嵌入GeoGebra Activity的步骤相同,唯一的区别是参数。添加“material_id”:“RHYH3UQ8”会将“活动”加载到应用程序中。设置“showToolBar”:false将隐藏工具栏。

计算器应用程序的参数

打开html文件,仔细查看参数列表。您可以更改应用程序的大小、显示或隐藏菜单等设置。GeoGebra应用程序参数参考中记录了完整的设置列表。所有可用参数均包含在我们的Plus服务协议中。 嵌入GeoGebra应用程序时,请确保删除从应用程序下载html文件时创建的参数“ggbBase64”:“UEsD…”。

自托管与GeoGebra托管

我们建议您自行托管GeoGebra Math Apps Bundle,以便您可以管理软件更新的时间,但也欢迎您使用由Amazon Web Services(AWS)支持的全球CDN。有关详细信息,请参阅GeoGebra应用程序嵌入参考。

支持

你还有问题吗? 联系我们:office@geogebra.org 我们很乐意提供帮助!