“爱小喵API介绍:访问链接获取数据”

数据库设计完成后,我们将介绍API接口。大家还记得上节课提到的API吗?API是指应用程序接口,我们的爱小喵API是由我们的服务器提供的,用于给小程序开发者使用。现在,它也为我们广大学员提供了一个接口。这种接口的形式通常是提供一个链接,通过该链接访问数据。要访问链接并获取数据,需要了解实际的例子,在我们的第三节课课程包中,我们提供了实现这一功能的示例。

1
1

要运行小喵钥程序的源代码,我们需要首先解压缩它们。然后,我们需要打开开发者工具,并新建一个爱小喵项目。在添加项目或无APPID类型中选择一个,然后填写爱小喵的名称,并选择解压后的目录。

请注意,我们要将解压后的文件夹指向存放文件、页务页资料和API接口的上一级目录。这一目录的的名称为“爱小喵”。在新建工程、创建项目时,应指向这一目录。在前次的课程中,我们发现许多学员在下载安装程序后无法打开我们提供的案例项目,原因是他们选择了错误的目录。选择正确的目录非常重要,应该选择刚好这一级的目录。

1
1

在新建工程时,系统没有提示添加名为“quick star”的初始项目,这是因为要完全重新创建项目。在这种情况下,需要选择新建文件夹,并在此处选择目录。一旦新建文件夹完成,在选择目录时,下方会出现建立一个名为“quick大项目”的选择。现在,将已有的项目源代码导进来,无需新建目录,只需选中上级目录即可。大家注意这一点,先点添加项目,然后打开爱小喵这个项目。

爱小麦的案例已被打开,在他的模拟器中,商品自动展示出来。请记住,我们打开工程的主要目的是访问服务器。接下来,让我们看一个例子。首先,我们打开“Index”页,该页是首页。可以看到,它包含一个名为“onload”的函数。在学习程序开发时,我们知道许多程序使用英语,特别是默认的关键字、函数接口等。虽然英语不太好的小伙伴可能会感到困扰,但请注意,这几个单词并不困难。

1
1

安路函数是指在页面加载时会被调用。在页面加载时,调用时会执行一些任务。首先,会请求主页“BY”,BY指的是轮播广告。这是客户端(小程序)的任务,要从服务器获取广告列表,并将其显示出来。可以看到,这里的请求过程是使用wx request调用的,wx是微信提供的API接口的入口。通过这里,实际调用的是一个微信提供的API,前面介绍了要通过通过微信访问服务端。接下来,可以查看这个地方在执行什么任务。在学习程序时,我们会遇到一些不认识的人或事物。

“查找帮助,了解小程序开发API”

调用不熟悉的函数或事物,最好的做法就是查找帮助。现在打开浏览器,搜索小程序开发API。在这里,我们可以看到API的入口,网络部分发起请求,这就是刚刚我们调用的那个接口。回到代码地方看一眼。

Request是一个与wx request类似的函数,它会传入很多很多东西,通知系统去完成某项任务。就像我们要向厨房送一个菜单,厨房要根据菜单把菜做好一样,这个请求的单据就是我们说的参数表。参数表里面的内容待会一一解释。

在调用微信的功能接口或API之后,我们经常去阅读文档来学习。一般来说,我们通过阅读文档来了解功能方向。文档会提供一些大概的功能方向,例如媒体方向提供了哪些功能。我们来看它提供了哪些,比如图片的Action。

1
1

录音API是什么?简单易懂的小程序录音指南

1
1

录音API是什么啊?大家看着自己会想,如果我们用小程序要做一个录音的小程序,其实非常简单的对吧?音频控制小程序是什么?就接口是什么对吧?音乐播放的接口是什么?诶大家可以看到还有访问文件的接口是什么对吧?这个是什么呢?这是一个保存文件的接口啊。

这次我们主要看的是什么?主要看的是网络这个发起请求这个API在做什么对吧?访问这个API在做什么?我们可以看到大概有开发者服务器的接口地址,请求的参数啊,那请求的hi的这个投射置,我们待会都可以看到啊。那么是用什么方法请求的呢?现在大家可能会不理解,待会我会详细介绍东西。我们回来看一下调用处。

好,我们看到这个量调用这个函数是怎么调用的呢?首先我们传入了一个URL,URL就是我们经常使用的浏览器链接地址,那就是属于URL。这个URL在此处访问的代表我们的爱小喵商户端提供了一个API。我们来看一下商户端API在哪里可以查到在我们提供的这个开发包头,我们还同时给了爱小喵接口文档,这就是爱小喵服务端提供的商户端提供的接口的列表。我们可以看到这些接口列表啊,这里就有一个什么呢?轮播bner图列表接口,好,我们点击它看bner图列表接口是请求的链接地址,链接地址就是URL啊。那么,在文档的最前面有介绍说我们每一个链接地址前面。都要把我们的服务器的域名啊这些信息加上去。

“查看实际代码: 用和那个功能的链接地址共同拼成一个URL”

1
1

用和那个功能的链接地址共同拼成一个URL,你可以看后面的是什么,Cover减减号, Cover减list,我们再看看实际代码。实际代码在这个地方,你可以看后面这个部分是不是就是我们刚才看到的那个cover我减list对吧?V1HOME cover我减list,好,这表示的我们请求的是这个页面,但是光用这个还不够啊,UR前面要加上服务器地址,这是在哪里加呢?其实就在这个request URL里哈,Request URL这组数据是放在哪呢?就是我们可以看到它是放在这里的啊。

好,这个data里头都有一个request URL看到吗?这就是我们的HTTPS,没有API Mo API点小喵点TV啊这是我们的服务器地址对吧?通过服务器地址呢,像这个文件中,把它接上后面的这个商品列表的这个请求的接口对吧?它共同构成一个web应用的服务器的API的地址或者API的接口的位置,然后我们再把相关的参数传进去,对吧?如果成功,那么我们就把这个数据取出来,把它复制到这个一个变量中去,这个变量怎么是变量,变量是用可以存放某一种数值的,并且呢,这个存放单位啊,就是你这个这一个名字代表一个存放单位,存放单位还能改变存放不同的东西对吧?啊,这叫一个变量。那么这个res.date呢,是这个整个,请求返回的。

“请问返回数据中,date字段来自哪里?文档中有介绍,我们可以使用汉语拼音全拼来写名字。”

啊,请求返回的数据,那对杠历史的这个东西是在哪出现的呢?在我们刚才的文档里有介绍,好艾小喵的这个文档里就介绍我们返回的字段,其中就有date啊。

我们可以看到,你看这是我们返回的数据,有date date下有list对吧?List呢往往是多个啊,List往往是多个对象,这个结构的名称自己也是有有很大自由度可以去修改的啊。我们可以用不同的名字啊。

那我建议大家呢,如果有一些小朋友英语不熟的话呢,你在写程序的时,完全可以用汉语拼音的全拼来写啊,也是可以的啊。

探索爱小喵的API: 使用微信API和爱小喵接口文档

啊对,这个历史下呢,像我们这次看到的一共有两个对象啊,它有两个数据啊。第一个数据呢,是什么?是你看第一张轮播图的这个照片在哪对吧?第二张轮播图的照片在哪对吧?然后呢,对应的商品ID是什么?对应的商品ID是

1
1

什么可以看到吧,这个地方呢,就是恰好就是一个例子了,表示我们传回的数据是什么样的?那这个地方传回的数据我们知道,其实就是无数的bner图的信息啊。

如果失败了呢,往控制台写一个错误信息。那么这个就是啊,如何去调用爱小喵的API哈,调用爱再重复一遍调用爱小喵的APIAPI的调用地址哈,或者说这API的名称或索引到底在哪呢?就是通过这个来的啊,通过一个AURL来的。

那么我们在调用这API之前呢,我们需要通过微信的API来发起调用啊,然后我们还需要传入一个商户的APPID。这个apid不是我们的这个,呃,开发者工具的APPID啊,这个apid指的是我们提供给大家的爱小喵商城会带有一个APPID,我自己这个实验用的APPID呢在这个存折上啊,这是我自己。

便利的一个账号里面对应的APPID,那每一个不同的账号对应着不同的P,不同的APPID,那么执行起来之后呢,大家就可以访问到不同的这种数据的样式了。因为我们取到的是各自属于自己的数据嘛,所以虽然我们只有一个服务器,但是我们可以有很多的学员都开发借助同一个服务器去开发自己不同的东西啊。

关于request我们大概介绍一下,这个是微信的一个API,对吧?我们想知道怎么去使用这微信API呢?那我们就去看一下文档,这是微信API的文档对吧?我们可以看到还有其他类型的文档都可以去读啊。那我们熟悉的文档之后呢,我们就可以去填写我们的小朋,这个下一步代码就是去找到我们要访问的这个,呃,服务端API的到底链接在哪里,对吧,要传什么参数进去,那我们一旦执行结果之后,我们就把下处理的数据保存起来也好。

在这呢,我们大致讲一下是怎么去访问服务端的,对吧?那么在访问服务端的过程我们再重新整理一遍,它需要我们调用微信的Wx.request这个函数,或者叫微信的API去访问我们指定的一个地址,对吧?一个URL,而每一个我们指定的URL呢,都代表着什么?代表着我们提供的某一类或者某一个API,以及它背后的一系列服务,对吧?

所以这些资料都可以随时在爱小喵商城的网站上查询到,也可以通过爱小妙接口文档进行查询。哦,我们恰好给大家提供的这个数据啊,爱小妙接口文档,这个就是介绍爱小妙的所有接口在哪的,对吧?刚才我们简单介绍了一下接口文档,我们可以看到接口文档里有很多的接口函数。

1
1
1
1

对吧,你比方说购物车列表的函数,我们调这个函数就能访问购物车列表对吧?那我们如果想要调这个函数,我们要传给那个wx request,就是微信发起的那个请求,向服务器请求那个函数,对吧?

那么这个时候我们应该用哪个地址的啊,大家都说要用这个地址对吧?实际上在这个地址之前还得加上什么我们服务器的地址链接,对吧?那我们看一下代码。

1
1

啊,我们任何一个调用都要把服务器的地址加上啊,我们的这个文档里面的功能地址啊,这个时候呢,我们就可以去请求网络访问了。

那么在说这个网络访问的时候呢,我必须强调一下啊,就是,我们目前在微信实际的发售出去,就发布之后的版本中是绝对不能去调HTTP请求的话,就是他要能调的这个请求,这对应的地址绝对是一个什么,是一个HTTPS的地址哈,我们看一下我们的文档。

1
1

嗯,你可以看这文章当中,我们前面就会介绍了啊,我们必须使用HTTPS去连接服务器啊,那这也是微信对这个小程序做的一个苛刻的要求啊。

我们可以看到,这是服务器的原始服务器地址,然后给它拼接上这个API接口的地址,把它拼成一个完整的URL,通过这个完整的URL我们就能去访问服务端的应用了。

好,这里说到了HTTPS啊,那我们在这个借这个机会,我们再次跟大家复习一下上节课的一个课程,我们说什么是HTTP文本传输协议对吧?

那么其实就是用来构建我们过去或者说到现在依然在广泛使用的这个,

1
1

啊,所以HTTP是我们的副文本传输协议,那那个但是呢,它和HTTPS的主要区别是什么呢?使它安全性不一样,微信呢,为了达到更高的要安全性,也不希望用户之间的数据会出现被窃取啊或者等等这些现象,对吧?所以微信呢就要求大家使用HTTPS,那如果一家企业他想在泰发中或者为他的服务器建立HTTPS的服务的话呢,它需要去申请相应的一些资质和证书啊,这个当是不叫证书吧,应该去申请一些数字证书,对吧?那么我们常见的上节课讲过一些常见的CA啊,数字证书的颁布者,我们怎么去找到这个CA的颁布者啊,我们这就不过多的再介绍这个部分呢,那我们重新回到这个地方来看,你看啊,如何去找到,我们刚刚介绍了如何访问爱小妙的API,那么如何去找到所有的API呢?啊,这个其实就是,嗯,如何在我们的文档中,你看在这文档中就把我们这次服务端的这个API全部列在这了,比方说你看哈,这是购物车列表,你通过这个API你就能取得你这个用户哈,一个用户他他当前的购物车的放的各种各样的商品信息,对吧?啊好在我们的这个文档里头给出了我们这次爱小喵客商服务端的所有提供的API接口,大家可以自己看一下,然后呢,在按小喵的程序当中呢啊,我们提供的源代码当中也有对这些接口的访问的部分,我们就不会在这里过多的介绍,嗯,因为我们刚才对这个部分已经做了一个仔细的介绍,相信已经可以起到举一反三的作用了啊,那下面我们回到PPT看一下。

1
1
1
1
1
1

如果想更好的去理解哈,这个爱小喵的API和这些相关的东西的话呢,我们现在应该仔细的说一下,嗯,爱小喵商城管理系统,我们来看一下商城管理系统的后台是什么样子的,这样子可以帮助我们更好的去理解爱小喵这个服务端在做什么,然后我们也可以很好的理解我们的客户端做什么,哪些东西是需要从服务端获得的啊大家还记得到我们使用的上次下载我们的课程开发课程那个参考包一,就是我们的课程参考包一的东西嘛,啊,我们要访问这个网站,SC小喵点TV这个网站啊,那我们通常打开进来看到的是这么一个样子啊,那我们课程学习包一是在这里下载的啊,那在你们收到这个课程的时候,这下面会有课程学习包二的下载,好,我们可能每个学员需要在这里注册一个自己的账号,怎么注册账号呢?

1
1
1
1
1
1
1
1

要填写自己的名字,填上想要的密码,然后呢再把邀请码填进来,邀请码呢是我们先期已经导入的一串数据,我们把所有学员的手机号码导入进来。

只要你把自己的手机号码填进去啊,你就可以去注册了啊。由于我已经注册了,所以这个地方我就不再点注册的功能,注册之后就会回到登录状态,你只需要输入你的用户名和密码,你就能登录好,你看我已经登录进来了。

注意一下,就是每一个人登进的都是自己的商城后台,我相信大多数人都有类似的管理经验,比如我们做运营的,或者我们本身是用过淘宝或用过什么,我们都不知道为什么每个人的商城后台都是不一样的。

我们看到的这些功能接口都是一样的,它有些什么功能都是一样的,但是呢,它里面的内容是不一样的。你看这个商品列表里面是放入所有的商品,我们所有商品都会放在这里头。

然后呢,这个地方是设置班ner图的,诶,你可以看到我们主页显示,我们刚才那个浏览器里显示的,呃,三个版。

1
1
1
1

这图显示了模拟器的截图,有三个半截图在这里显示。这是查看所有订单情况的。注意一下,前面介绍了我们这个地方说的APID是按小喵本身系统的APPID,微信还会为我们的小程序分配一个APPID。所以我们需要把这个APPID填写到H小每个人打开的H小喵 Demo 的 PJS 跟目录下 APAPPJS 这个位置。看到 global data 这个地方,我们要填一个 APPID,这个PPID 就决定了是从哪一个商户那里去读所有的商户的产品信息,对吧?所以所以这个非常重要。大家在改这个代码的时候首先要把这个修改好。好,那么我们回到后台,我们需要把这个数字复制到那个地去,修改原来的旧的下载下来的 APPID。然后这。

1
1
1
1

商品列表中的每一个商品呢,它只要这边没有下架,它都会在小程序端显示。在这这个地方呢,我们可以对这个商品进行操作,既能编辑它,也能把它下架。我们举一个例子,比如说看这里有一个什么睡萌娃娃仿真版,我们在前面的小程序里模拟器里边,我们看找得到他吗?啊,睡萌娃娃哎,睡萌娃娃仿真版对吧?我们打开它,这就是睡萌娃娃仿真版。然后再回来看一看这地方,它会显示它价格是156对吧?啊,它的颜色大小,女孩白,男孩灰,女孩粉,男孩大。我们在后台可以把它编辑成女孩粉,男孩大,这样它就不符合我们的期望了。

1
1

点击编辑好,我们可以看到这里就有它的型号了。刚才我念到的那些女孩白,男孩灰,女孩粉,男孩男都列在这。我们在这每增加一个型号,那边都会重新看到。比方说我们再增加一个灰灰。好,我们增加了一个灰灰。好,我们点确定。返回,我们回到模拟器端,我们重新加载。

1
1
1
1

好,我们再来找到这个商品,点开它。好,大家可以看到这里出现了一个灰灰对吧,这就是我刚刚增加的一个商品类型啊,也是我们通过后台就可以改这个商品。这个其实就跟我们通常用淘宝淘宝商户端是一样的,对吧?有可能小伙伴们当中有人做过淘宝店主啊,或者京东的自营商城的一些运营啊,我们都是这么操作的。

1
1

好,我们下面回到我们的商城,我们再来看一下还有什么其他的部分啊。我们可以对一个商品下架,对吧,也可以删除它啊。这个是设置班图的地方,比如说我们把其中一个版的图删除掉,去,我删除掉这个最后一幅图。好,我删除他第一幅图。

1
1
1
1

好删除掉了,那么这个时候我们再在小程序端,我们再重新运行小程序。好,大家可以看那个第一个版的图不见了,对吧?这就是因为我把它删掉了啊。大家可以呢,我刚才大概介绍了一下这个商城后台的使用,大家注册了之后呢,就可以多多做一一些尝试。然后怎么去尝试呢?第一步呢是注册好之后呢,去看一下自己的APPID是什么,把apid复制了,然后呢,去按照前面介绍的方法去把我们的案例小程序的项目建好。然后建好了之后呢,我们找到第一个文件就是这个app.js这个文件,把APPJS最后这global data下面的APPID这个部分给它改掉,去用刚才的内容去粘贴它啊,我们是以作为例子粘贴旧的内容啊,这是要粘贴新的这个APPID进来,那么这个时候呢,抗拒S重新刷新调出来的,就是你重新建立的。

1
1

啊,这个商品库里的数据了。大家可以先在这个地方建一个商品,你比方说啊,假设我这些什么都没有,对吧,大家新建的一个账户什么都没有,那我们点发布商品,我们就给他先发布一个实验性的商品,先试试看啊。我们设定商品名称为商品上传封面图,填写一个简介,并且填写更长的一个详情,把价格数量设定好,然后点这个加号,可以增加不同的什么商品规格,点这个加号呢,又能增加不同的什么商品的颜色啊。

1
1
1
1

然后点确定返回,就一个新商品就加进来了,我们就会在这列表中出现。如果我们不希望这个商品呢,等于说一个商品暂时卖完了,我们就哎点下价,他就暂时就看不到了啊,那我们回到这里来再看啊,大家切记这个地方是要改的啊,改好了这个以后呢,通过后台和这个小程序的配合,我们就能够去演示或者测试,不断的去调整我们自己的小程序了。关于后台的介绍我们就到这了,希望大家课后有时间仔细去使用一下爱小喵的商城后台,然后去为自己的这个小程序上一些商品在那,便于你做测试。

1
1

IT赶路人

专注IT知识分享