捷径小课堂 01 | 制作一个获取网页中应用的捷径

前排预告：今天的课程中你将从零开始制作一个获取网页中提到的所有 iOS 应用的捷径。 你可以在任何时候翻到最后下载本次课程捷径的完整版本。

本节课涉及的课外知识（只需理解概念）：

万事开头难——所以我选择了最简单的一步作为开始：给自己的捷径修改名字和图标。 「编辑」按钮并不明显，我观察了一番才发现它在哪里：导航栏「完成」按钮下方右侧的图标按钮。

编辑完名称和图标，我们已经做完一半了，因为良好的开端是成功的一半！

获取网页中的应用，只需要三个步骤：

我的一个习惯：写注释。找到「注释」操作，把这三步写下来。

然后就可以一步一步逐步攻破了。

我们的目标是通过 URL 得到 HTML。在捷径底部搜索「URL」，马上看到一个「获取 URL 内容」操作，幸福来得太突然，马上添加：

它的介绍里写着需要一个 URL 作为输入，为了方便测试，我们先用一个固定的链接：

再添加一个「URL」操作，并将它拖拽至「获取 URL 内容」上方，复制上面的链接粘贴进去：

接下来我需要看一看获取到的 URL 内容到底是什么。 搜索「显示」，找到「显示结果」操作，将它添加到捷径。编辑「显示结果」的内容，选择「URL 的内容」，运行捷径来看看我们获取到的内容——竟然是纯文本，并不是 HTML。

为了解析超链接，我们必须获取到 HTML。在捷径中搜索「HTML」，用「用多信息文本制作 HTML」试试：

将上一步添加的「显示结果」操作拖到「用多信息文本制作 HTML」的下方，并将内容替换为「来自多信息文本的 HTML」，再次运行捷径看看结果：

太棒了，这正是我需要的。 至此，我们已经完成输入一个 URL 并读取它的 HTML 内容了。

在一段字符串中找到特定的部分，我喜欢用正则表达式来实现：

现在我们只需要知道这一段规则能找到文本中的应用链接，并提取 ID。以后我们再学习神奇的正则表达式。 为了在捷径中使用这个表达式，搜索「正则」，看到「匹配文本」操作正合我意。

添加「匹配文本」操作到「用多信息文本制作 HTML」下方，复制上文的正则表达式并粘贴到「匹配文本」的模式中。 将「显示结果」操作拖到「匹配文本」下方，将内容替换为「匹配文本」，运行捷径查看我们获取到的匹配文本：

在正则表达式中，我已经把 ID 提取出来了，因此我们增加一个「获取匹配文本的组」操作，只需要使用默认值即可。 再次修改「显示结果」操作的位置和内容，运行捷径查看结果：

看来很好！不……等等，有两个一样的 ID，这里我们先无视它，下一节课我们会讲到如何去除重复的列表项目。 至此，我们已经完成解析 HTML 中提到的应用 ID 了。

获得了应用 ID 之后怎么显示出来呢？在捷径中搜索「应用」，发现「搜索 App Store」这个神奇的操作，将它添加到捷径：

因为我们在上一步的「获取匹配文本的组」操作中输出是一个数组，我们需要对每一项进行处理。在捷径中搜索「重复」，发现有一个「为每个项目重复」操作。 因此我们：

获取到一个应用列表之后我想用一个列表显示，所以搜索「列表」试试，发现「从列表中选取」操作：

将它添加到捷径后，删除上一步的「显示结果」操作，直接运行：

不但显示出来了，还显示得很好看。 最后怎么在 App Store 中打开好呢？因为每一项中有链接，直觉告诉我用 URL 打开它。 在搜索中输入「URL」，找到「打开 URL」操作，添加到捷径，让它保持在「从列表中选取」下方就好。 把我们的「从列表中选取」操作中的提示改为「在 App Store 打开」，再次运行捷径，并在弹出的应用列表中选择任意一项：

完美，我们已经完成了一开始在注释中写的所有步骤！可以开一瓶冰可乐庆祝！