快速入门:进阶集成

选择要嵌入的内容
在将GeoGebra嵌入网站时,有3种选择。哪一款适合你,取决于你打算用它做什么。您可以嵌入:[br][list][*]GeoGebra活动(可使用基本服务),将动态工作表纳入您的网站[/*][*]使用API(需要Plus服务)的GeoGebra活动包括动态工作表并在您的网站上与之交互[/*][*]GeoGebra Calculator应用程序(需要Plus服务)可将GeoGebraGraphing Calculattor、Geometry、3D Calculators或Classic直接添加到您的网站中[/*][/list]要了解嵌入的可能性,请查看本示例集。
[size=200][color=#018575]使用API嵌入活动[/color][/size][br][br]使用GeoGebra API,您可以以更复杂的方式与GeoGebra活动交互。您可以在活动外部创建按钮,以显示或隐藏对象、侦听活动中的事件并对其做出反应等等。[br][br]在开始使用API之前,请按照基本集成中描述的步骤将活动嵌入到div元素中(如果还没有)。无论您想在使用或不使用API的情况下嵌入活动,嵌入活动的步骤始终相同。GeoGebra应用程序API参考中列出了API的完整描述。GeoGebra API的使用包含在我们的Plus服务协议中。
API入门
要了解如何使用API,请从以下简单示例开始:[br][list][*]使用三角形ABC创建一个活动,并将其嵌入到您的网站中,如基本集成中所述.[/*][*]打开带有嵌入活动的html文件,并添加以下代码以添加2个按钮,用于设置点A可见和不可见。[/*][/list][list][*]在浏览器中加载html文件,查看按钮是否按预期工作。[/*][/list]要继续阅读更多示例,请查看GeoGebra的示例集。要查看相应的代码,请选择右上角的View on GitHub。
[size=200][color=#018575]嵌入GeoGebra计算器应用程序 [/color][/size][br][br]建议将GeoGebra应用程序嵌入网站的方法是将其直接作为div元素嵌入。使用div嵌入可以更改应用程序的设置,如应用程序的大小、显示或隐藏菜单、禁用CAS等等。[br][br]创建嵌入GeoGebra应用程序的html文件的最简单方法是直接从应用程序下载html文件,如下所述。您也可以按照下面的步骤手动嵌入应用程序。
将计算器应用程序下载为html
您可以直接从任何GeoGebra在线或桌面应用程序创建嵌入GeoGebra应用程序的网页。启动要嵌入的GeoGebra应用程序(例如GeoGebraGraphing Calculator)并打开菜单。选择下载为,然后选择活动为网页(html)。下载的html文件包含启动所需的所有内容。
Manual Embedding
要将GeoGebra应用程序嵌入您的网站,您需要添加4个部分:[br]1.将以下内容添加到 部分,以确保缩放和Unicode正确工作:[br]2.包括JavaScript库deployggb.js:[br]3.创建一个要加载活动的div元素[br]4.配置并插入应用程序:[br][br] var params = {[br] "appName": "graphing", [br] "width": 800, [br] "height": 600, [br] "showToolBar": true, [br] "showAlgebraInput": true, [br] "showMenuBar": true,[br] };[br] var ggbApplet = new GGBApplet(params, true);[br] window.addEventListener("load", function() { [br] ggbApplet.inject('ggb-element');[br] });[br][br]如果要加载其他应用程序,可以更改参数列表中的设置。只需将“appName”参数更改为“graphing”[br]、“几何”、“3D”或“经典”。[br]注意:如果您如上所述直接从应用程序下载html文件,html文件将包含这4个部分。[br]这些步骤与嵌入GeoGebra Activity的步骤相同,唯一的区别是参数。添加“material_id”:“RHYH3UQ8”会将“活动”加载到应用程序中。设置“showToolBar”:false将隐藏工具栏。
计算器应用程序的参数
打开html文件,仔细查看参数列表。您可以更改应用程序的大小、显示或隐藏菜单等设置。GeoGebra应用程序参数参考中记录了完整的设置列表。所有可用参数均包含在我们的Plus服务协议中。[br]嵌入GeoGebra应用程序时,请确保删除从应用程序下载html文件时创建的参数“ggbBase64”:“UEsD…”。
自托管与GeoGebra托管
我们建议您自行托管GeoGebra Math Apps Bundle,以便您可以管理软件更新的时间,但也欢迎您使用由Amazon Web Services(AWS)支持的全球CDN。有关详细信息,请参阅GeoGebra应用程序嵌入参考。
支持
你还有问题吗?[br]联系我们:office@geogebra.org[br]我们很乐意提供帮助!

Information: 快速入门:进阶集成