将JSON从PHP传递到JavaScript（以隐藏Steam WEB API密钥）

Question

我想使用Steam WEB API生成一些有关游戏的统计信息。 为了使用Steam WEB API，我必须使用我应该隐藏的密钥。 我想用JavaScript进行所有数据处理，这不允许我隐藏键。 所以我想出了这个解决方案。 我在php中查询数据库，并将JSON对象传递给JavaScript。 我的问题是，这是执行此操作的首选还是最佳方法。

PHP：

<?php
$matchDetailsUrl  = "https://api.steampowered.com/IDOTA2Match_570/GetMatchDetails/V001/? match_id=<MATCHID>&key=<KEY>";
$matchDetailsRaw  = file_get_contents($matchDetailsUrl);
$matchDetailsJson = json_decode($matchDetailsRaw);
?>

JavaScript：

<script>
var obj = JSON.parse('<?php echo json_encode($matchDetailsJson) ?>');
console.log(obj);
</script>

Answer 1

无需重新编码从PHP文件解码中检索到的所有JSON数据以进行JavaScript处理。 您可以通过传递来自PHP解码的结果来编写JavaScript函数以执行所需的功能，然后使用PHP调用JavaScript函数。

<?php
    echo "<script>functionName(" . $parameter1 . ", " . $parameter2 . ");</script>";
?>

假设$ parameter1和$ parameter2是您使用API​​调用中的某些解码的JSON数据创建的PHP变量，则页面的HTML源代码将像标准JavaScript函数调用一样显示此信息，并传递了硬编码的变量参数。

您的JavaScript函数可以使用为其提供的参数来完成所需的工作。

如果您的数据处理是“一次渲染”的事情，我建议您使用PHP而不是JavaScript编写数据处理函数，以消除混淆，但是您绝对可以在PHP和JavaScript之间传递所需的信息无需发送所有数据。