快速入门:进阶集成
选择要嵌入的内容
在将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计算器应用程序
建议将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
我们很乐意提供帮助!