现在进入本节课的第四部分和最后一个部分，我们将讨论微信小程序API。在此之前，我们应该认识到在整个系统中，不同部件和子系统都会提供相应的API。微信小程序提供的API非常重要，用于访问网络和其他许多功能。我们将对微信小程序API进行系统性介绍，包括涉及网络访问的API、媒体播放API，以及访问本地文件的API。
数据缓存操作的API、访问位置服务的API、访问设备一些相关的API、进行界面操作的一些API，以及开放接口。接下来，让我们依次去看看这些东西。我相信，大家已经知道了，在查找API时，最合适的方法是查看文档，或者看一些相关的功能演示的案例或Demo。让我们首先来看看文档在哪里。
文档其实就在我们说的这个小程序开发API这个地方，就是我们的所有API的文档所在的位置。大家可以看到网络媒体，文件，缓存位置，设备界面对吧？这些东西恰好就是我们刚列的这的这些部分啊。让我们首先看其中我们刚才已经看过的网络部分，可以看到网络部分有发起请求的对吧，有执行上传文件或者下载文件的，还有web service的功能啊we so呢，其实是一些更基础性的一些网络连接应用，网络连接一些功能接口，那在这呢，我们就不去详述它了啊。我们再可以看到还有媒体，媒体这是什么呢？就是图片录音，音频播放，音乐播放，音频组件，视频，视频组件控制啊，大家可以看到这些呢，就是媒体这个这个。
“查看子分类下相关API的详细介绍及示例代码”
子分类下的相关的API。每一个API都有它的详细介绍，我们可以选中它之后查看它的详细说明，API的名字是什么，它需要的参数是什么样的，对吧？还会有事例代码，这一小节的圣代码可能我们不能帮助我们建立更详细的了解。为了更详细了解这些，比如说像系统组件这样的东西，最好的还是回到微信提供的 demos，打开开发者工具，先前已经教过大家了，怎么去把微信的 Demo 在哪里下载微信本身的演示 Demo 并且把它打开来啊。那我们这次就直接打开个演示 Demo 给大家看就好了，好，大家可以看到这个我已经打开了，之前介绍过的那个微信本身提供的啊，这个小程序，一个小程序案例，包括代码和视频教程。
“微信 Demo 网络连接示例”
点击接口，可以看到与接口相关的测试案例放置位置。我这里要声明一下，微信做的这个 Demo 设计网络的部分并没有实现。你可以随便看一下刚才那个请求，微信并没有实现。界面显示上是说搭建自己的服务器，然后相互通讯，它的页面其实位于配角下面，配角下面是 API，是所有用来进行 API 演示的这些子页面，还有一个 component，是所有组件相关的一些子页面。我们从 API 开始入手，你看 API 这个地方进来，可以看到，嗯，刚才说的这个网络连接是 request，我们看 request 的代码，这里写了搭建自己的服务器，可以跟服务器通讯。GS 里面并没有实现代码，这是这个 Demo 的不足，不过不要紧，我们提供的这个演示 Demo 已经包括了所有需要的代码和视频教程。
“微信小程序开发入门：爱小喵帮助大家轻松get”
小喵里包含了完整的网络访问部分。大家可以查看。微信的开放接口的部分，通常在开发小程序、公众号 H5 时需要进行微信登录。微信登录时，可以看到 API 的地址以及如何访问，找到对应的页面。大家可以仔细学习这些 API，有时间的话，全部每一个都看一下。
微信整个接口并不是特别长，只需要花费点时间查看login这个页面的HTML内容，接着从WXML内容中引入概念，并且暂时关闭temp内容。可以看到login这个视图，其中最重要的部分是哈斯log这个变量，其默认值是判断正确或错误，以决定显示登录是否成功或仅成功一次。在代码中，login这个响应与动作绑定，并且调用login这个函数。如果用户按一下微信登录按钮，这个函数会被调用，然后首先会调用loging这个微信API，其名称为loging。将来可以在帮助文件中找到loging这个函数。
请大家再次打开帮助文档，找到开放接口部分，特别是wx login。login 函数获取登录凭证，每个用户在这里进行一次登录，得到唯一的标识和登录会话的密钥，用户的数据加解密通信都依靠这个密钥完成。当调用 login 成功时，执行一段代码，失败时执行回调函数。loging 函数无论成功或失败都要执行。这个函数很简单，只传递给三个功能接口，当执行完之后，微信会根据失败或成功调用相应的回调函数。
回调函数是一种在代码中调用的函数，也被称为回调函数。在函数调用成功时，回调函数被执行，该函数会将传入的值复制到全局变量中，并调用 that.set data 方法将数据设置到视图层动态生成的一个视觉层对象数据对象中。视觉层对象数据对象是动态定义的，可以在 loging 对应的文件中找到。
在界面被渲染时，我们会判断该对象是否为 true，如果是，则可能会显示已登录信息。每个微信号只能登录一次，后续不会显示已登录信息。如果判断为 force 变量被判为假，则只会显示每个微信号中仅需登录一次的信息，此时并不会显示已登录信息。我们可以重新刷新页面，再次访问接口，开放接口的页面会更新，查看页面内容，现在我们可以看到已登录信息已经被显示出来了。所有操作都是在页面加载时完成的，可以看到，好，那么我点击微信登录按钮，已登录三个字已经被显示出来了。
我想现在大家已经学习了两节课或课后的作业关于漏病点，关于WXXML文件格式的学习。在这个文件中，稍微与我们以前看到的很多Demo有点不同，它使用了这个叫temple标签的东西。temple标签实际上是引用了一个通用的W叉ML模块，可以将其加入到这个文件中。temple标签位于head部分，其中定义了一个叫head的temple，一个叫foot的temple。我们可以在刚才的代码中找到这两个文件的位置。我是如何找到这些文件的呢？我们可以回到刚才的log标签中，看看它定义了哪些变量。
导入了来自上级目录 Come 的 head.w叉 ML 文件和点 W 叉 ML 文件。这两个文件被引入到程序中。然后，通过调用 E 表示的 temp 方法，我们可以使用它。 temp 方法的用法是取名称相同的 temp 变量，并在此处使用。可以看到，head 对应的 temp 变量实际上存在于文件中。这相当于在刚才的代码中插入了两段内容。第一段是有一个标题的文本需要显示，可以通过在开头添加抬头显示。第二段是加入了一个标题，可以在程序中显示。
这段文字将被显示出来，然后在这里添加了一条线，划线处是引用的模板。除了需要引用的模板外，还可以对这个模板的原有数据进行初始设置。例如，将原有的 data 中的 title 设置为 “loging”。在修改数据后，保存更改，然后再次访问页面时，我们可以看到 “loging” 已经变成了 “log的ing”。
好，现在大家看到我修改了这段文字。在这里，我修改了模板的内容，并且引入了另外一个模板 foot。 Foot 是一个微信接口功能模板，它在这里添加了一行字，表示可以调用微信的 API。接下来，我们简要介绍了 WML 文件和 JS 函数 log.js，以及如何使用它们来调用微信 API 并绑定数据。我们还介绍了界面元素和数据之间的传递。关于这个模板的信息，我们之前略微介绍了一些，现在就到这里。接下来，我们重新查看帮助文档，因为帮助文档中包含了更多关于这个模板的信息。
很多 API 都需要大家去读一遍，包括所有的 API 和对应的实验代码。即使微信没有实现的部分，我们也可以在这里尝试书写实现代码。对于request 的详细功能，我们在爱小喵中已经介绍了。更多部分还需要自己去看。如果有时间，也希望大家去看一下组件实现的代码，熟悉组件和 API，学习 JS 语法和 WML 文件格式。回到我们的PPT，我们大致了解了这些内容。
小程序功能介绍就到这里了，接下来布置作业：
-
下载课程学习包。学习包的下载地址和下载课程学习包的地方一样，是SC点小喵点TV网网页。
-
注册爱小喵商城账号。注册爱小商城账号只需要填写自己的用户名、密码，设置邀请码(小伙伴的手机号)，然后填写邀请码并设置商户ID。
-
在商城账号下添加商品和图片。如果不在商城账号下添加商品和图片，打开小程序时可能会不方便进行实验。
-
更改爱小喵程序项目的商户ID。每个人应该将商户ID改成自己对应的商户ID，这样就能够展现出自己在商城下添加的商品，其他商品就不会出现了。
下面是爱小喵商城的账号注册和使用说明：爱小喵商户后台的查看APPID，这个APID就是商户的APPID。要修改这个APPID，我们需要找到我们的商户ID。在我们的爱小喵商户后台，每个用户登录后可以看到这里的查看APPID。这里的APID就是商户的APPID，我们可以在这里把它改成我们之前从那里取得的数值，然后保存并刷新。这样就能够看到自己的更改后的APPID了。
完成商品信息上传后，可以按照喜好修改爱小喵项目，比如添加框、多一行字或调整位置等。修改完成后，可以将修改后的案例截图作为作业交上来，我们会对这些修改进行点评。最后，希望大家阅读所有的微信小程序 API 和组件文档。
结合组件文档和 API 文档，参考微信下载的小程序案例，对小程序进行学习和研究。
