嘿，朋友们！本周我们将带#APIFriday回来！让我们走出这个世界去探索API。

让我们从某个人的角度来看火星…好奇！"好奇"号于2011年由美国宇航局（NASA）发射到火星，自2012年8月以来一直在火星表面运行，这意味着我们有超过2160天（或2103个火星sols）的数据可以访问。让我们用这些数据来构建我们的火星仪表盘。

我知道我们已经有一段时间没有一起完成API周五了，大数据应用案例，但希望你已经编写了一个风暴！

我们今天要用的API是麻省理工学院提供的，你可以在这里找到文档。这个API返回了火星上好奇号所在的太阳系的天气数据。如果你对好奇号在火星上的路线很好奇，看看这张地图吧！

如果你抓取API端点并在你最喜欢的API工具中进行测试，我们可以看到数据的样子。这是一个超级简单的API，我们今天只返回1个对象：天气数据的指示溶胶。如果没有提供sol，则获取最新的sol。简而言之：

https://api.maas2.jiinxt.com/返回当前solhttps://api.maas2.jiinxt.com/2000返回sol 2000

返回的数据是大气、日出日落、sol的高低温等，都来自好奇号的当前位置。

酷吧？让我们在应用程序中使用它！

开放Web IDE全栈版。如果你不确定如何到达那里，试试这个教程。

让我们创建一个新的项目，通过进入File>new>project from Template。

选择SAPUI5应用程序，因为我们只想使用一个基础的空白应用程序。单击"下一步"。

为项目提供名称和命名空间。我使用了以下命令：

单击Next。

您可以保留初始视图的详细信息，然后单击Finish。

首先要做的是构建我们的控制器和API调用。打开视图1。控制器.js文件（或者如果您重命名了视图，则为控制器文件夹中的文件）。

在该文件中，我们需要添加一个附加库来开始。让我们添加JSONModel。在sap.ui.define，添加以下代码：

在函数参数中，添加JSONModel，使应用程序看起来像这样：

现在让我们创建onInit函数。将函数的框架添加到应用程序中。如果您需要这方面的帮助，只需将下面的代码复制并粘贴在返回的大括号之间。

在onInit函数中，我们应该做的第一件事是为视图创建一个模型来设置，我们还可以将数据绑定到该视图。定义一个新的JSONModel并将其设置到视图中。

现在我们有了一个可以在视图中访问的数据模型。

在进入AJAX之前，请记住，大数据难吗，我们需要保存它的状态，因为当我们进入AJAX调用时，它的当前上下文将丢失。所以把它赋给另一个变量。

准备好用AJAX调用API了吗？还记得吗？试试看！以下是您的端点url:https://api.maas2.jiinxt.com/。

需要帮助吗？请随意复制下面的代码。

记住，调用API时最好使用目的地！sapcloud平台将处理api暴露的许多安全缺陷。但是，物联网+，由于这个API是完全开放的，我们只是在玩，所以这次可以不加保护。

一旦我们的调用返回，我们需要处理数据。让我们将done函数的结果值绑定到我们在视图中创建的mars模型上。

最后，确保保存您的更改。

现在，保存所有内容后，返回视图。

在我们的视图中（如View1）。查看.xml)，我们需要添加一个可以为我们保存数据的控件。我决定使用一个ObjectHeader，这样我以后就可以构建这个页面了！

如果你想这么做，继续跟着！如果不行，我现在就让你自由泳。只是别忘了在这篇文章的最后再检查一遍！

让我们创建一个空白的ObjectHeader控件来使用。

我定义了ObjectHeader的标题和简介来告诉我们一些我们将要看的内容。简介将介绍数据集（即今天在火星上），标题将给我们当前的太阳光，我们正在寻找，所以你需要在火星对象和太阳光领域的数据绑定在这里。你能把这些加进去吗？

这里有一些帮助！

不错！保存更改！在我们继续之前，请确保您正在获取数据。运行你的应用程序，右键点击项目，网购返利，进入Run>RunAs>Web应用程序。如果到目前为止一切都设置正确，你应该在应用程序上看到Sol编号！

如果您没有看到这一点，请使用内置在浏览器中的开发人员工具尝试并调试该问题。

回到Web IDE，让我们添加更多信息！我们可以向ObjectHeader添加属性来显示季节和天气，以及一天的高温和低温的一些状态。

要添加属性，在opening和closing ObjectHeader标签内，添加带有opening和closing标签的attributes聚合。

在这些标签内，您可以添加带有要显示的数据。例如，让我们显示今天太阳系的天气。

在火星数据对象的季节字段中添加另一个来显示季节。

这个应该是这样的：

状态的工作方式与属性类似。你能为最大温度和最小温度添加状态聚合和ObectStatus吗？

如果您需要帮助，代码如下。但首先，试试你自己！

。

。

。

。

你试过吗？

在我泄露密码前最后一次警告！

。

。

。

好的，这里是：

我在一个图标中添加了一点关于字段的视觉上下文，那云，但是你离得有多近？

以下是所有代码的外观。

保存更改并再次运行应用程序！现在我们将看到温度和季节数据！现在我们知道火星上是什么样子了！好像很冷。谁想生活在-16摄氏度？？？BRRRR！

美国宇航局也有一些来自火星好奇号探测器的API，所以下次再来，我们看看还能做些什么！

退回你的宇航服，因为《星期五》已经出世了！