149_尚硅谷_以太坊项目二_去中心化eBay_链下产品（七）测试和改进

介绍的这些这些东西就是一边是server端，一边是这个前端index.js对吧，这两部分都牵扯到啊，就是跟mango啊互相之间的这这种调用，然后呢，关键就是他们互相之间还要去发送HP请求，去调用这个页面，然后我们的后台要去把对应的这个页面要对应的数据要返回给前台去，那这个过程当中，大家一定要把这个要搞清楚，那我们这里怎么样去简单的去做一个验证呢？那我这里边有一个简单的例子啊，就是比如说啊，我这里我我先把这个drop掉啊大家看一下。我们现在这一个这里边已经是空的，对吧，我们先确保我们的环境没有问题，然后我这里边已经启动了，呃，我应该是已经起了这个server啊啊，大家会看到我这里面已经起了server，我重新启一下。

note.js这个启动很快对吧，所以大家会看到。诶，这里好像这里又有东西了啊，还是把它先清一下，照不掉。现在没有东西了，对吧？呃，大家会想到我这时其实是已经可以访问这个3000端口了，对不对，那访问3000端口这个时候大家会发现直接访问，大家会发现这个can get，这个根目录，这个一杠，为什么呢？因为我们在这个SR里面根本就没有定义这样的一个路由，对不对，所以这里肯定拿不到，所以我们可以去拿什么呢？我们是不是可以拿杠product，对吧，这个是可以去拿的。诶，那大家发现现在返回是空，因为我们里面什么都没有，对不对，Mango里面什么都没有，这样去去查肯定是查不到的，呃，那大家可以想到我们是不是可以在这里再用种子区块链去做一个这个事情对不对？

好，那我们直接就穿exit。我们看一下监测一下这边该纳这边的情况啊。好，这边应该是已经发出来了，对吧。好，现在我们已经发出来，然后我们可以在mongo里边去检测一下，对吧，诶好，现在有了对吧，然后我们不要drop啊，典范pretty。啊，大家会发现这六条数据已经插进来了，对吧？这是我们之前就已经测过的，那现在我们要测的是什么呢？是看看这里能不能访问得到对不对，所以还是3000端口products，因为我们定义的是get请求，对吧？所以是不是我们直接在这里输直接就可以访问对吧？Products直接访问，诶大家看到这里边已经把对应的这个信息是不是已经查出来了，诶我们这里为什么查到的是五条呢？我们看一下。

好像是五条信息是吧。12345是中间哪里少漏了一条吗？所以大家可能会发现，我们在查这个products的时候，大家会发现，因为我们查的是当前在上架状态的产品，对吧？如果是五个的话，我们是不是就会怀疑那是不是在别的状态下已经有了东西了呢？正常应该是别的还没有对吧？但是如果我们定义的那个badtime特别的快的话，是有可能出现的，对吧？好，我们去看一下啊，那大家想怎么样去查呢？大家看是不是就是因为是get请求，我们是不是直接可以在这里带参数对吧？问号product status等于review，是不是就查review阶段的这个产品啊，我们看一下。

诶，果然有一个啊，大家就会发现这一个是已经block t id15的这个产品经到了我们的这个揭示报价阶段了，对吧？啊，那当然大家就会想，那有没有finalize阶段的呢？这个应该没有对吧，大家啊，这个果然没有，因为这个至少要十分钟的嘛，这个我们是定义好的，呃，那。甚至大家还可以去就是去校验一下，看一下这个，呃，具体这个可能就是大家一定要定义成不同的类型可能才能知道啊，因为我们已经写入到这个区块链上去之后，大家再从那个种子文件那个c.JS里边去查的话，可能对应信息就不太好查了，对吧？呃，那或者大家就是直接在我们这里边起一个。

Uff对吧。穿跟。这个稍微有点慢啊，E commerce store deployed点赞对吧，然后我们拿到这个爱之后。调用i.get product，对吧？我们的ID是15对不对，这个是15对吧？我们看一下它的信息到底是什么，点the so，点。好，大家会看到他的这一个start time是4731。Andtime是4745，确实只有十几秒就结束了，对不对？所以大家如果要是想去看一下我们当前的这个时间的话，你用一个time除以1000，大家看一下，现在已经是4955了，确实已经超过他的time了，对吧？啊，所以大家这么一查发现没问题，这跟我们查出来的这个效果是完全一致的，对吧？呃，上节课的时候还跟大家说到一个，就是我们说这个渲染其实是有问题的，哎，那这里大家会发现我这个数据这不是已经能稳稳的拿到吗？这渲染还有什么问题呢？

呃，那我们就回过头来看一下这一步发出请求，我们看代码啊，应该是index对不对，发出请求，然后返回点down data，这个data是不是就是这个东西啊。是不是就是我们这里返回的这个东西，对不对，所以data是这样的一个数组，那它就是我们的一个产品的对象数组。

那大家继续看一下啊，我们这里对它的操作是判断它是不是等于零，如果大于零的话，我们就把它切割对不对，这些都不用看，然后后边我们是要把这个trunks拿出来之后for each每一个。那是不是就应该是我们data里边的这每一个元素啊，那这里边的每一个元素是什么，是不是就是这样的一个对象。一个JS对象，Json对象对不对啊，这里边有ID，然后blocking ID IP FS image，哈希，然后什么ipf，呃，Description哈希这些一堆定义，那大家接下来看我们把它是不是把这个P交给了build product里边啊，这一块都没什么问题，对吧？只要它能够正常的把这个build product build出来，那个DOM元素都渲染出来，然后我们添加进去肯定就没问题对吧？那关键是我们刚才忽略了这一步对不对，我们看一下啊。

这里build product就在下边传进来这个product之后我们渲染是怎么渲染的呢？啊node等于这个对吧，然后at class同样把它这一个对应的这个呃类写进去，呃定义样式对吧，然后aend，接下来大家注意这里是不是就是要A的一个链接，这是它的那个ID对吧？然后后边是它的那个图片的哈希对不对，大家注意这里边给的是PRODUCT0。那大家看一下这里边的PRODUCT0应该是什么？呃，大家如果。这个对这个不了解的话，大家发现它是一个对象对不对，哎，我们那里是相当于是一个数组的表达对吧？当然就是在JS里面，大家可能知道数组也是一个对象，对象也可以用数组的访问方式，对吧？那我们这里定义一下啊哇，Pro一个P就可以了，对吧。

好，我们把它定义出来，这就是一个P对吧。好，这，这就是我们的product对象，那么我们访问一下P0。诶，大家看到on饭对吧，PE onde。所以大家会发现在这个对象里边默认的零和一这个字段是没有的，对不对，所以直接去正去查肯定查不到，那如果我们要去找这个字段的话，应该怎么去找呢？你得这么去找对不对，对吧，或者得P点杠ID对不对，所以大家要注意啊，这里我们直接还用这个PRODUCT0去访问，是不是就有问题了，我们当时为什么用这个PRODUCT0去访问啊，大家还记得吗。

因为一开始我们是直接从链上去拿数据的，对吧？链上的数据是怎么返回的呢？是我们这里定义了一个叫做get product的一个方法，我们当时直接调用这个方法对不对？这个方法返回的是什么呢？是返回的是一组返回值。在so里边一组返回值，它是以什么样的形式返回的，是数组对吧？对大家想起来了对吧？所以我们选的时候就是按照这个顺序，哎，PRODUCT0PRODUCT1就按照这个拿出来了，对不对？那现在我们换了这种访问的方式了，那当然我们拿到的这个对象不一样了，是不是就这个东西得改呀？啊所以大家注意一下啊，我们这里边是要去改的，那这里怎么去改呢？这里的PRODUCT0。其实是那个ID对不对。

那我们这里对应的ID应该是哪个呢？我们看一眼这边。是不是应该是这个block chain ID啊，对不对，所以我们这里是要给一个block chain ID product.block chain ID。啊，当然了，后边这个PRODUCT3那也不是三应该是什么。呃，大家再过来看一眼。是不是应该是这个啊，IPFS，因为是哈西亚。啊，所以我们把这个改过来啊，这是IPFS1变哈西好，那么接下来PRODUCT1，大家还记得这个PRODUCT1是什么吗？一应该是大家忘记的话，在这里去看一眼。一是第二个是name对不对，所以我们这里要的是product.name对吧，同样二就是那个category种类对吧，点category。

Can gray，好，那么接下来五是什么来着？大家还记得吗？这这会儿有点忘了对吧，忘了没关系，我们数吧，123456。P5应该PRODUCT5应该是第六个，对不对，是option start time，所以大家知道这个在我们的这边的定义是不是也有啊。来，我们看一眼啊。诶，这里面居然没有。这里面居然没有返回吗？这个看起来应该不对，对吧，P点。Option，诶，这个还真是没有啊，他没有定义option that time吗？我们是不是什么地方写错了，看一眼啊。呃，大家想这个定义的话，那应该是定义在什么地方。

是不是应该在我们这里啊？Ocean。Start time，这个是定义过的，对吧。So，这里。我们去查询出来之后的东西。Auction这个应该也没问题，对吧。C product。这里是result.argument。我们拿到了。这里的auction。这个没拼错吧，Auction start。所以我们得看这里的合约返回的这个值。

哦，大家看到原因了吧，哎呀，这个这个就是经翅有这样的坑对吧，所以就是一点一点去追根溯源去找他就发现这这里写错了，当然这个不影响啊，我就不需要再去重复编译给大家再演示了，对吧？呃，大家可以想到就是我们把这个改了之后，肯定就能找到这个字段对不对，所以我们这里就是直接点。On，诶写错了啊，Auction star time对吧？那同样P6是不是就应该是auction time呀？那下面的P7就是我们的应该叫什么？叫。看一眼啊。啊，就叫price是吧，来大家注意这里的price返回还是以尾为单位的，对不对对吧，所以大家这里多一个心眼，我们是不是给了这个price之后，还应该web3.from尾啊。

把它弄一下对不对，因为我们这里前面给的是这个eer对不对，所以这里大家注意单位不要搞错了啊。好，那么这里把它from way to eer，好，那么这里大家记得这个最好是再把它to string一下对不对，我们要的这个结果是一个字符串类型，好，这样的话就把我们整个的这个改造就完成了。