Tokenview为用户提供了一套简单而又强大的区块链数据API接口，帮助用户快速、高效的生成多个币种的入金地址。
通过Tokenview的接口，用户无需搭建节点便可以方便地生成包括比特币（BTC），以太坊（ETH），USDT，BCH，LTC，DASH等80余种币种的链上地址生成，您可以在Tokenview全币种区块链浏览器列表查看支持的币种列表。
链上地址生成属于高级定制服务，除了地址生成，还可单独定制包括地址归集，入金资产归集，资产分类统计，入金总额统计，每笔入账时间统计，IP白名单记录，交易记录统计等高级功能。
高级定制版交易记录可根据币种、交易类型、入账状态，地址定位等标签分类搜索。
高级定制版可将入账资产按币种分类，同时记录所有充值地址，同地址累计收款总额，首次充值时间等标签对资产进行分类查询。更多定制版信息请参见Tokenview API 官网：services.tokenview.com。

vue-cli 获取api 接口mock虚拟数据
1.新建在线接口
在线接口管理(支持mock语言) 在线接口链接

进入-> 注册,登录-> 创建仓库 ->点击仓库名进入仓库, 里面有个示例接口, 可以仿照示例新建自己需要的接口

(不懂mock语法可以去mock官网看一下使用示例)
新建接口:
左上角新建



点右上角编辑,进行编辑,在响应内容输入名称,类型,规则和初始值,输入就能看到数据结果(数据是随机的,刷新便会更新)


获取api 接口 url

点击 红色 的/table/list



跳转页面的地址栏,便是我们需要的url


2.vue-cli 项目获取api数据

新建vue-cli 项目 -> 安装axios
npm install axios    // 安装axios

目录结构(后边带 U 的是新建文件 , 带 M 的是修改过得文件)



配置文件
直接贴代码

api/my.js
import request from '@/util/request'

export function getList(params) {
  return request({
    url: '/table/list',
    method: 'get',
    params
  })
}

export function doPost(data) {
  return request({
    url: '/login',
    method: 'post',
    data
  })
}


util/request.js
import axios from 'axios'

// 创建 axios 接口
const service = axios.create({
  baseURL: 'http://rap2api.taobao.org/app/mock/269877', // url = base url + request url
  timeout: 5000 // request timeout
})


// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data

    if (res.code !== 200) {
      console.log('err')
    } else {
      return res
    }
  },
  error => {
    console.log('err' + error) // for debug
  }
)

export default service


mock/index.js
const Mock = require('mockjs')

const my = require('./my')//----------------------------------(注意这里就好了)

const mocks = [
  ...my   //----------------------------------注册mock(注意这里就好了)
]

function mockXHR() {
  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
  Mock.XHR.prototype.send = function() {
    if (this.custom.xhr) {
      this.custom.xhr.withCredentials = this.withCredentials || false

      if (this.responseType) {
        this.custom.xhr.responseType = this.responseType
      }
    }
    this.proxy_send(...arguments)
  }

  function XHR2ExpressReqWrap(respond) {
    return function(options) {
      let result = null
      if (respond instanceof Function) {
        const { body, type, url } = options
        // https://expressjs.com/en/4x/api.html#req
        result = respond({
          method: type,
          body: JSON.parse(body),
          query: param2Obj(url)
        })
      } else {
        result = respond
      }
      return Mock.mock(result)
    }
  }

  for (const i of mocks) {
    Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
  }
}

function param2Obj(url) {
  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
  if (!search) {
    return {}
  }
  const obj = {}
  const searchArr = search.split('&')
  searchArr.forEach(v => {
    const index = v.indexOf('=')
    if (index !== -1) {
      const name = v.substring(0, index)
      const val = v.substring(index + 1, v.length)
      obj[name] = val
    }
  })
  return obj
}

module.exports = {
  mocks,
  mockXHR
}

mock/my.js
module.exports = [
  {
    url: 'http://rap2api.taobao.org/app/mock/269877/table/list',// ------------------拦截具体的url
    type: 'get'
  }
]

module.exports = [
  {
    url: 'http://rap2api.taobao.org/app/mock/269877/login',
    type: 'post'
  }
]

router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    // 登录
    path: '/',
    name: 'Login',
    component: () => import('../views/Login.vue')
  },
  {
   // 展示列表
    path: '/table',
    name: 'Table',
    component: () => import(/* webpackChunkName: "about" */ '../views/Table.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router

视图渲染
Login.vue
<template>
  <div class="login">
    <el-row>
      <el-col :span="6" :offset="9">
        <el-form ref="loginForm" :model="loginForm" label-width="80px">
          <el-form-item label="登录名称" >
            <el-input v-model="loginForm.name"></el-input>
          </el-form-item>
          <el-form-item label="登录密码">
            <el-input v-model="loginForm.pwd"></el-input>
          </el-form-item>
        
        </el-form>
        <router-link :to="{name: 'Table'}">
          <el-button type="primary" @click="Login">登录</el-button>
        </router-link>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { doPost } from '@/api/my'
export default {
  name: 'Login',
  data() {
    return{
      loginForm: {name: '', pwd: ''}
    }
  },
  methods: {
    Login() {
      doPost().then(response => {
        console.log(response)
      })
    }
  }
}
</script>

Table.vue
<template>
  <div class="talbe">
    <el-table :data="tableInfo" style="width: 100%">
      <el-table-column prop="date"  label="日期"  width="180"> </el-table-column>
      <el-table-columnprop="name"  label="姓名"width="180"> </el-table-column>
      <el-table-column  prop="addr"label="地址"></el-table-column>
    </el-table>
  </div>
</template>

<script>
import { getList } from '@/api/my'
export default {
  name: 'Table',
  data() {
    return{
      tableInfo: []
    }
  },
  created() {
    this.getTalbeList()
  },
  methods: {
    getTalbeList() {
      getList().then(response => {
        this.tableInfo = response.table
        console.log(response)
      })
    }
  }
}
</script>

演示效果:

点击登录,立即跳转到table页面(这里只是想演示一下获取线上api 数据, 登录表单没有做任何验证,所以不用输入也能跳转页面)



能显示在线 api 的数据(控制台第一条数据是登录成功的数据)

                    
3.11　VMware 存储API
VMware提供的API允许管理员和发布者扩展vSphere 5功能。
3.11.1　vStorage API for Array Intergration
vStorage API for Array Intergration（VAAI）是一组应用编程接口，提供VMware和存储阵列制造商之间的互操作性，以更智能的方式与VMware通信。有些任务负载可以转移到存储阵列，减轻ESXi主机的负载。
注意：处理器制造商已经在芯片中集成了Intel VT和AMDV指令，减少高消耗的CPU侦听。处理器制造商对服务器所做的正是VAAI对存储阵列所做的。这些API现在对于获得高级别的整合似乎是必不可少的。
表3-4列出了vSphere 4.1中的VAAI和vSphere 5中的VAAI2。



下面是表3-4中列出的各种特性的简单说明。
硬件加速锁：没有这个API，SCSI保留就会在全局LUN级别上完成。有了这个API，SCSI保留工作在块级别而不是LUN级别上完成，这样与SCSI保留相关的问题较少，而且减少了VM启动的时间，在虚拟桌面基础架构（VDI）项目中更是如此。
硬件加速置零：没有这个API，创建数据存储时，“置零”由服务器完成，服务器向存储阵列发送SCSI命令。有了这个API，ESX服务器初始化一个命令，存储阵列负责重复这个操作并在结束时通知ESX服务器。这减少了ESXi服务器和存储阵列之间的流量。
硬件加速复制：没有这个API，复制操作从ESX服务器向存储阵列进行。有了这个API，数据由存储阵列的阵列中移动，没有通过服务器。这减少了ESXi服务器的负载和数据迁移所需的时间。
在vSphere 5中，为VAAI 2定义了一些新的概念：
死空间回收（Dead Space Reclaim）：当虚拟磁盘被删除，或者精简配置LUN上使用Storage vMotion将一个虚拟磁盘从数据存储中迁移到另一个数据存储之后，可以恢复不再使用的空间。ESXi 5.0通过VAAI命令将释放数据块的有关信息发送给存储系统，然后存储系统恢复这些数据块。
精简配置空间用尽（Thin Provisoning Out of  Space）API：预防精简配置LUN上的存储空间问题。
精简配置LUN报告：在vCenter中可以识别使用的存储阵列。
超过限额：当数据存储中超过容量阈值时，在vCenter中显示警告。
空间用尽行为：VM在写入之前确定空间是否足够。如果存储空间已满，在vCenter中显示警告信息，然后VM暂停（其他VM继续运行）。
NAS VAAI存储定义了如下概念。
全文件复制：NAS可以冷方式进行vmdk文件的复制和快照操作，类似于VMFS块复制（全复制）。
扩展统计：可以看到NFS数据存储上已经消耗的空间。
空间保留：允许为NAS存储创建厚配置模式vmdk文件。
3.11.2　vSphere 存储API：存储感知
vStorage API for Storage Awareness（VASA）是一个存储检测API，可直接从vCenter进行存储阵列相关信息的虚拟化，这些信息包括复制、RAID类型、压缩、重复数据消除、精简或者厚格式、磁盘类型、快照状态和性能（IOPS/MBps）。此外，vStorage API可用于配置驱动存储。
3.12　多路径
多路径（multipathing）可以定义为使用冗余组件（如适配器和交换机）以创建服务器和存储设备之间逻辑路径的一种解决方案。
3.12.1　可插入存储架构
可插入存储架构（Pluggable Storage Architecture，PSA）是一组API，允许存储制造商在VMkernel层中直接插入代码，从而开发第三方软件（如EMC PowerPath VE），提供与存储阵列技术直接相关的更高级负载均衡功能。但是VMware也提供标准的基本多路径机制，即原生多路径（Native MultiPathing，NMP），这些功能分布在以下API中：存储阵列类型插件（Storage Array Type Plug-in，SATP）负责与存储阵列通信；路径选择插件（Path Selection Plug-in，PSP）提供路径之间的负载均衡。
如图3-22所示，VMware提供三种PSP。
最近使用（Most Recently Used，MRU）：选择ESXi启动时发现的第一个路径。如果这一路径不可访问，ESXi选择替代路径。
固定：使用设计为首选路径的专用路径。如果没有配置，则使用启动时发现的路径。这一路径无法再使用时，随机选择可用路径。当该路径再次可用时，ESXi又会使用固定首选路径。
循环（Round Robin，RR）：自动选择所有可用路径，以循环的方式将I/O发送到每条路径，这能实现基本的负载均衡。PSA协调NMP操作，第三方软件协调多路径插件（MPP）软件。



NMP循环路径选择策略有一个I/O操作限制参数，控制每条路径切换到下条路径之前发送的I/O操作数量。默认值为1000，因此，NIP默认在向给定路径发送1000次I/O之后转向另一条路径。调整循环路径选择I/O操作限制，能够显著地改进某种工作负载下的性能（例如联机事务处理[online transaction processing，OLTP]）。在随机和OLTP工作负载环境中，将循环路径选择参数设置为较低的数字可以得到最好的吞吐率，但是对于顺序工作负载，降低该值不会得到同样显著的改进。因此，有些硬件存储公司建议将NMP循环路径选择I/O操作限制参数设置为较低的值（可以设置为1）。
第三方软件解决方案使用更高级的算法，因为循环选择算法有一个局限性，在进行自动分配的时候没有考虑路径级别上的实际活动。有些软件建立动态负载均衡，设计为在任何时候都使用所有路径，而不是像循环路径算法那样，在同一时间仅用一条路径来负担所有I/O负载。
3.12.2　模式
访问共享存储空间的数据是虚拟环境的基础。VMware强烈建议实施多种LUN访问路径。最小值是两条路径，但是VMware建立使用四条路径。多路径提供冗余的LUN访问路径，从而减少了服务中断。路径不可用时，会使用另一条路径，这不会造成服务中断。这些切换机制被称作多路径I/O（MultiPath I/O，MPIO）。
在VMware中，如图3-23所示，存储可以采用不同的模式。
主动/主动：在给定时刻，一个LUN同时连接到多个存储控制器。I/O可以同时来自多个控制器。
主动/被动：在给定时刻，一个控制器拥有一个LUN（从属LUN）。只要LUN链接到该控制器，其他控制器就不能向它发送I/O。
ALUA：对LUN的访问不是直接的（无优化的），而是通过辅助控制器以不对称方式发生。




        
        
                
    

唠唠嗑、

为什么要来详细介绍一下json-server呢？因为我们前端开发人员在开发后台管理类项目的过程中打交道最多还是API联调，然后数据渲染页面，或者动态数据绑定。

但是有个很矛盾的问题就是，很多时候前后端是一起开发的，有可能后端的进度赶不上前端的进度。一般情况下的解决办法就是在前端应用里面写死数据模拟，在缺少了请求的一个过程后，在更新数据，删除数据等一些页面切换复杂交互的场景下，死数据还需要vuex或redux的支持。

在前端安装json-server依赖，可以很好的解决这些问题，在写前端页面逻辑的时候可以直接请求交互，添加、更新、删除数据可以直接修改本地json文件里面的数据。就不需要在全局定义变量保存数据。且可以直接跨域请求，不需要同源请求才能联调。

一、安装

1.npm安装 （建议cnpm安装）

   npm install -g json-server 

2.yarn安装

   yarn  global add json-server

安装成功后打印出：

C:\Users\92809>yarn global add json-server
yarn global v1.10.1
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "json-server@0.14.0" with binaries:
      - json-server

二、创建json数据库数据表

1.创建一个自定义dbname.json/ dbname.js文件

2.dbname文件内文件格式保持json风格

3.Json风格如下：

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment1", "author": { "name": "typicode1", "age": 10 },"postId": 1 },
    { "id": 2, "body": "some comment2", "author": { "name": "typicode2", "age": 12 },"postId": 2 },
    { "id": 3, "body": "some comment3", "author": { "name": "typicode3", "age": 15 },"postId": 3 }
  ],
  "profile": { "name": "typicode" }
}

4.Js风格如下：

module.exports = function() {
  return {//...}
};



三、打开json-server服务

（1）原生态打开

D:\me\json-server\jserver-one>json-server --w onedb.json

  \{^_^}/ hi!

  Loading onedb.json
  Done

  Resources
  http://localhost:3000/news
  http://localhost:3000/comments

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database
  Watching...

（2）打开远程json数据库文件

$ json-server http://example.com/file.json
$ json-server http://jsonplaceholder.typicode.com/db

（3）设置服务端口号

json-server --watch db.json --port 3004

（4）yarn / npm打开

  2-1.  yarn init / npm init

  2-2. 在初始化的package.json文件中新增：

 

 "scripts": {
     "server": "json-server onedb.json --port 3003"
    }



  2-3. 运行：

npm run server / yarn run server /. yarn server

（4）作为服务器加载本地静态网页

md asset
cd asset
echo asset.html > asset.html
json-server onedb.json --port 3006 --static asset [ 资源目录名 ]

访问：http://localhost:3006/asset.html （OK）

注：如果启动时没有配置目录 -> json-server onedb.json --port 3006 

4-1. 如果有设置public目录，http://localhost:3006/访问的是public下的index.html文件

4-2. 如果没有public目录或index,html文件则显示 {} 



四、json-server提供的请求方式

简述：Get请求主要用于获取数据，POST请求用于新增数据，PUT请求用于修改替换数据，PATCH表示部分替换数据，OPTIONS用于获取服务器支持的HTTP请求方法及其他请求功能选项（GET、POST、PUT、DELETE、PATCH、OPTIONS）

注：POST\PUT\PATCH请求需要设置请求头Content-type: application/json

1.基础请求方式

GET    /posts
GET    /posts/:id
POST   /posts
PUT    /posts/:id
PATCH  /posts/:id
DELETE /posts/:id

2.获取json数据库中所有数据

GET /db

3.带参数查找请求方式

GET /posts?title=json-server&author=typicode
GET /posts?id=1&postid=2
GET /comments?author.name=typicode1  * 使用.访问下级属性值

4.页面分页链接请求（first、last、prev、next）

GET /posts?_page=7
GET /posts?_page=7&_limit=20

5.升降序排列请求

GET /users?_sort=id&_order=asc
GET /users?_sort=name&_order=asc

多条件升降序： GET /posts?_sort=user,views&_order=desc,asc

6.范围查询数据

GET /users?_start=2&_end=20 （类似于substring）
GET /users?_start=2&_limit=3    （类似于substr）

7.根据文字模糊匹配查询数据

GET /users?q=情感

五、自定义路由配置

1.新建一个routes.json文件：echo {} > routes.json

2.向文件中写入：

{
  "/api/*": "/$1",
  "/:resource/:id/show": "/:resource/:id",
  "/books/:name": "/books?name=:name",
  "/articles\\?id=:id": "/books/:id",
  "/articles/:id": "/books/:id"
}

3.启动服务：json-server onedb.js --routes routes.json

打印： 

 \{^_^}/ hi!

  Loading onedb.js
  Loading routes.json
  Done

  Resources
  http://localhost:3000/users
  http://localhost:3000/books

  Other routes
  /api/* -> /$1
  /:resource/:id/show -> /:resource/:id
  /books/:name -> /books?name=:name
  /articles\?id=:id -> /books/:id
  /articles/:id -> /books/:id

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database

4.测试ap接口

  GET /api/users  等价于 GET /users
  GET /users/1/show 等价于 GET /users/1
  GET /books/意林 等价于 GET/books?name=意林
  GET /articles?id=3 等价于 GET /books/3

六、Node模块中引入使用方法

1.新建server.js文件：echo server > server.js

2.依赖安装json-server、express : 

cnpm install express --save-dev
cnpm install json-server --save-dev
或者：
yarn add express  --dev
yarn add json-server --dev 



开启服务： node server.js

2-1.使用 express开启服务：

const app = require('express')();

app.get('/',(req,res)=>{
    res.send({'name':'哆啦A梦'});
});

var server = app.listen(3008,()=>{
    var host = server.address().address;
    var port = server.address().port; 
    console.log('example app listening at http://%s:%s',host,port);
});

2-2. 使用json-server开启服务

const jsonServer = require('json-server')
const server = jsonServer.create()
const router = jsonServer.router('onedb.json')
const middlewares = jsonServer.defaults()

server.use(middlewares)
server.use(router)
server.listen(3009, () => {
  console.log('JSON Server is running at port 3009.')
})

七、json-server在node中的进阶使用

1.自定义路由配置

（1）在上述json-server.js文件中新增：

//在JSON Server router之前添加自定义路由
server.get('/echo', (req, res) => {
  res.jsonp(req.query)
})

//你需要使用一个body-parser来处理POST，PUT和PATCH
//你可以使用JSON Server使用的那个
server.use(jsonServer.bodyParser)
server.use((req, res, next) => {
  if (req.method === 'POST') {
    req.body.createdAt = Date.now()
  }
  // 继续json-server路由
  next()
})

（2）启动服务 node json-srevr.js

（3）测试自定义接口：

  请求: GET /echo?id=2&pid=3&page=20
  响应: { "id": "2", "pid": "3", "page": "20" }



2.访问权限控制

server.use((req, res, next) => {
 if (isAuthorized(req)) { // 在这儿添加你的权限逻辑
   next() // 继续json-server路由
 } else {
   res.sendStatus(401)
 }
})

3.过滤本地json数据，格式化后响应给请求

// In this example, returned resources will be wrapped in a body property
router.render = (req, res) => {
  res.jsonp({
    body: res.locals.data  // res.locals.data 代表重onedb.json中查询到到的内容
  })
}

4.自定义返回状态码

// In this example we simulate a server side error response
router.render = (req, res) => {
  res.status(500).jsonp({
    body: res.locals.data,
    error: "error message here"
  })
}



5.添加路由重定向规则 

// Add this before server.use(router)
server.use(jsonServer.rewriter({
  '/api/*': '/$1',
  '/blog/:resource/:id/show': '/:resource/:id'
}))

测试：GET /api/comments 等价于 GET /comments

6.创建子路由对象

server.use('/api', router)



八、再唠唠

  在Angular的单元测试中接触到了json-server，然后觉得这个虚拟前端服务使用起来非常顺手。然后花了一整天的时间，完完整整的把json-srever的相关知识点和使用方法捋了一遍，确实是个很好的服务，但是和node结合起来的话，有感觉有些别扭；有可能是我用express用习惯了，但是怎么说呢，功能确实很强大，但是后面些好多和express结合起来开发的时候就有点感觉小重的感觉。违背了轻、快、巧的初衷，不过这个也是看个人喜好，个人建议还是和npm或者yarn结合起来用，一行命令搞定，要清爽的多 哈哈~~

 

九、再啰嗦几句、哈哈

好的项目需要我们大家的一起的支持，多多点赞，这样作者大大才能提供给我们更多更优质的可以学习和使用的源代码，github源码项目地址：https://github.com/typicode/json-server#mounting-json-server-on-another-endpoint-example