用户可以通过WordPress插件WPGetAPI来实现WordPress网站的API集成,借助网站与其他应用程序的连接,以便用户在每一端发送、接收和修改数据。下文也将为大家具体介绍这一方法的具体步骤,为大家在使用WordPress进行外贸建站时提供一个参考。

一、安装并激活插件

要启动该过程,请在WordPress网站上安装并激活该插件。如果没有WordPress帐户,请创建一个,然后在左侧边栏的插件下搜索WPGetAPI插件。

插件激活后,选择要集成的API,在开始集成之前,请阅读API文档,了解其身份验证机制、正确功能、API基本URL等。了解API是至关重要的,因为所有这些数据都将用于进一步的程序。此外WPGetAPI分为两类,免费版和专业版,如果是新手,那么免费版本是合适的。

二、设置WordPress API

在选择了要集成的API之后,现在是使用WPGetAPI插件对其进行配置的时候了。首先导航到网站的WordPress仪表板,然后从侧边栏面板中单击WPGetAPI。该插件的界面现在提供了不同的选项卡,包括Setup、OAuth 2.0、Zoho、Quotable、Binance和WordPress,然后需要选择“设置”选项卡来填写第三方API的详细信息。

设置WordPress API

此外必须在三个必填字段中输入详细信息:API名称、唯一ID和基本URL。

  • API名称可以是用户选择的任何名称,因为其主要目的是识别API。在这种情况下,将其设置为Quotable,因为引用Quotable API很容易;
  • UniqueID也类似于API名称,因为可以输入任何内容。但请记住,创建一个只有小写字母、下划线和数值的ID;
  • 对于基本URL字段,需要接受API的文档,因为它存在于其中,可引用的API基本URL为https://api.quotable.io.’。

填写所有必要的详细信息后,保存它们,并通过WPGetAPI接口继续执行该流程。

三、配置端点设置

在API集成中,端点是API和WordPress独立站点通信发生的地方,还可以将其视为资源或数据所在的位置。在为WordPress站点集成API时,有必要配置端点,它将告诉网站可以发送和访问数据的位置。

可以在API的文档中轻松找到成功集成所需的端点。保存API名称、唯一ID和基本URL后,必须配置终结点,WPGetAPI插件将向用户显示一个表单,要求提供API的端点详细信息。

配置端点设置

此外还应该输入以下详细信息:

  • 唯一ID:需要为端点引用创建这样一个ID,它将在配置网页上的数据显示时使用;
  • 端点:它是API的端点,可以从API的文档或其他来源获得;
  • 方法:GET、POST、PUT、PATCH和DELETE是可以在方法字段中输入的主要API方法。在Quotable API的情况下,将使用GET方法,因为此时需要获得一个随机报价来显示在网站上。
  • 结果格式:是从API接收数据的格式。可以从主要的两个选项中进行选择,分别是JSON字符串和PHP数组。这里推荐JSON字符串,因为它与模板标签和短代码数据显示方法兼容。

四、测试API配置

当手动集成API时,测试它就变成了一项单调乏味的任务。此外手动测试需要更多的精力和时间,这也会增加开发预算。然而通过内置的测试机制,WPGetAPI插件消除了额外的工作、时间和成本。

输入所有端点详细信息后,插件将取消阻止“测试端点”按钮。当点击它时,API测试就会启动。要开始测试,请单击“测试端点”按钮并等待响应,完成该过程后,插件将在同一界面上显示所有结果。可以查看测试的所有部分,包括完整URL、数据输出、查询字符串、标头等。

测试API配置

五、显示通过API接收的数据

在端点配置和测试之后,这时候界面上会显示提取的数据。显示提取的数据通常有两种方法,分别是模板标记和短代码,下文将逐一探讨这两种方法。

1、模板标签

如果了解PHP,那么模板标记机制就非常简单。在这种方法下,必须声明一个变量并存储API获取的数据。此外可以在网页上的任何位置使用该变量。

用户应该将模板标签代码添加到核心WordPress主题文件中。例如要在标头中显示获取的数据,请将其添加到header.php文件中;否则请选择相关的PHP文件。

2、短代码

如果选择Shortcode,那么用户则不需要知道PHP。但是在设置端点时,请确保选择JSON字符串作为数据格式。要使用Shortcode显示数据,请转到WordPress仪表板,然后在页面下添加API的Shortcode。

通过引用短代码显示API接收的数据

现在当用户查看页面时,它将显示从API收到的响应的完整代码,但是只能通过将API数据格式转换为HTML来显示数据。

推荐阅读:

如何进行CSS的网站设计与开发?

如何安装并配置PHP集成开发环境?

WordPress PHP更新教程指南

相关文章

  • 导航到仪表板中的网站付款

    WooCommerce PayPal设置如何做?

    WooCommerce PayPal设置如何做?首先商家需要在PayPal的账户后台生成一个PayPal身份识别码,之后在PayPal NVP/SOAP API 集成(经典)部分获取API实时凭证,再在WooCommerce后台进行WooCommerce PayPal Payments插件的安装激活与配置,至此便可完成WooCommerce PayPal设置的全部操作了,为了帮助大家更好的进行WooCommerce PayPal外贸建站的设置,所以下文将基于此为大家具体呈现其中的图文设置过程,以…

    开发教程 2025年 1月 6日
  • 外贸网站推广教程

    外贸网站推广教程

    有的商家在搭建完一个外贸独立站之后就认为万事大吉了,完全忽视了独立站搭建后的网站推广优化。如果说外贸建站是塑造品牌的基石,那么外贸网站推广则是让品牌长成参天大树的“肥料”。下文从网站定位明确开始为大家具体讲解外贸网站推广的具体教程,让各位商家对该过程有个大致了解。 外贸网站推广教程一:明确网站定位 何谓网站定位?意思是分清楚外贸独立站是做什么的,卖什么的,这一步取决于自己的产品和服务。通常外贸企业网站上一般都有自己公司的图片,所以定位一定不要太杂,要将自己的产品组合在一起,比如卖汽车配件的,就是…

    开发教程 2025年 6月 26日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • Shopify AB测试

    Shopify A/B测试如何进行

    Shopify A/B测试如何进行?首先需要确保创建Shopify A/B测试SMART假设,之后还要有效安排测试时间,不可过短,最后还需要确保A/B测试具有统计显着性。本文并在文末向大家推荐了三款Shopify A/B测试工具,供大家测试Shopify跨境电商独立站使用。 一、A/B测试是什么 A/B测试也称为分割测试,是比较同一网页、电子邮件或其他数字资产的两个版本,以确定哪个版本在用户行为方面表现更好的过程。 这是改善营销活动表现和更好理解目标受众转化的有用工具。A/B测试能够回答重要的商…

    开发教程 2025年 8月 4日
  • 独立站搭建

    独立站怎么搭建

    独立站怎么搭建?搭建独立站首先要明确网站目标,选择合适的域名和网站托管商,之后还应该挑选合适的独立站搭建工具,并对网站的主题、字体、颜色、页面等基本布局进行设计优化,最后则需要针对独立站进行网站优化和网站测试工作。对于一些刚入行的外贸建站商家,独立站搭建的过程不免繁杂且陌生,所以下文为了让大家更加进一步了解独立站搭建的详细过程,将具体为大家展示相关步骤,以供大家参考。 独立站怎么搭建一:明确网站目标 在开始构建独立站之前,请定义其核心目的。此决定将在整个创建过程中指导独立站的设计、网站架构、工具…

    开发教程 2025年 5月 26日
  • Shopify 主题编辑器

    Shopify主题自定义开发教程

    对于独立站有品牌塑造要求的商家来说,通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站,向大家介绍Shopify主题自定义开发的主要教程,以供大家参考。 当使用 Shopify 主题编辑器自定义开发时,是在自定义页面模板,而不是单个页面本身,这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。 可以自定义在线商店的内容、布局、排版和颜色,每个模板都提供了部分和设置,允许更改商店的外观,而无需触摸甚至查看任何代码。 Shopify独立站…

    开发教程 2025年 7月 16日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部