【PB实站】启用强制认证后调用API接口方法

实战场景：

调用非当前栏目的文章，进行条件筛选。

解决方案：

根据左侧导航的栏目ID，右侧用API接口调用其内容列表。

1、到“配置参数”的“WebAPI”中，选择“启用”，并填写"API认证用户及密钥"。

2、新建一个product.js文件，封装PB内容列表的API接口“http://IP/api.php/list/*  此处传递需要调用的栏目scode”。如果不开启强制认证，数据已经可以打印出来了。

  function loadProducts(scode) {
    $.ajax({
      type: "POST",
      url: "/api.php/list/" + scode,
      dataType: "json",
      data: {
        appid: "{pboot:appid}",
        timestamp: "{pboot:timestamp}",
        signature: "{pboot:signature}",
      },
      success: function (res) {
        if (res.code) {
          console.log(res.data);
        } else {
          console.error(res.data);
        }
      },
      error: function (xhr) {
        console.error(xhr.status);
      },
    });
  }

3、开启强制认证后，还需要增加一个关键步骤。将data中的appid、timestamp、signature放到HTML文件中，再用js调用。因为它们用的是PB标签，JS无法识别。

HTML文件代码：

    <script>
        const API_AUTH = {
            appid: "{pboot:appid}",
            timestamp: "{pboot:timestamp}",
            signature: "{pboot:signature}"
        };
    </script>
   <script src="/js/product.js"></script>

product.js文件代码

  function loadProducts(scode) {
    $.ajax({
      type: "POST",
      url: "/api.php/list/" + scode,
      dataType: "json",
      data: API_AUTH,
      success: function (res) {
        if (res.code) {
          renderProducts(res.data);
          console.log(res.data);
        } else {
          console.error(res.data);
        }
      },
      error: function (xhr) {
        console.error(xhr.status);
      },
    });
  }