Asp.Net MVC 视图如何从后端添加脚本 src？

Question

我有一个 MVC 视图，我在其中使用 Yandex 外部 API 进行地址搜索。

这是我必须添加的脚本才能使用 Yandex 服务。

<script src="https://api-maps.yandex.ru/2.1/?apikey=xxxxxxxxxx&lang=ru_RU" type="text/javascript">

有没有办法从后端读取这个脚本 src 而不是直接在视图中使用它，因为它包含 api 密钥？

Answer 1

您可以使用服务器端方法从 ASP.Net 服务器“读取”脚本 src 文件。您将使用System.Net.Http.HttpClient 之类的东西执行HTTP GET。如果您要检索 JSON 数据或某些其他类型的数据以在服务器上处理，这将非常有效。

但是，C# 后端不会处理 JavaScript 指令。为此，您需要一个服务器端 JavaScript 引擎，例如 Node，或客户端的 Web 浏览器。

在视图中包含 JavaScript 文件将允许客户端的 JavaScript 引擎处理处理。但是正如您所暗示的那样，视图中的任何内容都不会对客户端隐藏。

Answer 2

您可以创建一个加载并返回脚本的Action，然后在您的html中引用该Action，例如：

<script src='@Url.Action("LoadYandex")'>

和

public ActionResult LoadYandex() {
    // HttpClient to get the file
    return Content(file, "text/javascript");
}

---

编辑更详细的动作示例，基本的“从服务器获取文件并返回内容”。寻找更详细的 SO 答案，包括错误检查等

public async Task<ActionResult> LoadYandex()
{
    var url = "https://api-maps.yandex.ru/2.1/?apikey=xxxxxxxxxx&lang=ru_RU"; 

    var httpClient = new HttpClient();
    var response = await httpClient.GetAsync(url);
    var contents = await response.Content.ReadAsStringAsync();

    return Content(contents, "text/javascript");
}