Mock.js 模拟数据生成工具

简介

一般项目开发中,我们前后端开发基本上是同时进行的,但往往会存在后端接口没开发完,而导致前端开发无法继续进行的情况。

为了避免这种情况,我们可以使用Mock.js,生成随机数据,拦截 Ajax 请求,来模拟服务器响应。

优点是使用简单方便,无侵入性。

Mock.js官网:
http://mockjs.com/

Mock特点

前后端分离

让前端攻城师独立于后端进行开发。

增加单元测试的真实性

通过随机数据,模拟各种场景。

Vue页面json格式化插件vue-json-viewer使用

安装vue-json-viewer插件

基于npm的安装:
$ npm install vue-json-viewer --save

基于yarn的安装:
$ yarn add vue-json-viewer

代码中引入

在全局main.js中引入或单独页面script引入:

import Vue from 'vue'
import JsonViewer from 'vue-json-viewer'
 
// Import JsonViewer as a Vue.js plugin
Vue.use(JsonViewer)

阿里云-音视频通信Web集成开发

阿里云-音视频通信产品文档:
https://help.aliyun.com/product/61399.html

接入步骤:

  • 阿里云控制台--音视频通信--创建应用,获取appId和appKey授权信息;
  • 下载demo源码,熟悉音视频demo前端逻辑;
  • 创建后台接口,根据appId和appKey调用AliRtcUtils.createToken方法生成token;
  • 根据demo逻辑进一步熟悉音视频API方法及参数,然后将音视频逻辑迁移至自身项目;

接入价格:

音视频通信时长包(国内版)
138元/年,2.5万分钟;

适用于在线教育、视频会议、互动娱乐、音视频社交等场景

适用场景

  • 语音聊天室、秀场直播、在线KTV、视频相亲、在线桌游、FM电台
  • 1对1在线教学、1对多小班课、超级小班课、互动大班课、音乐陪练教学、双师课堂
  • 快速搭建多端实时应用,丰富完备的业务支撑能力

阿里云-RTC地址:
https://www.aliyun.com/product/apsaravideo/rtc

小程序微信支付接入前准备及开发步骤

前言

个人申请的小程序不支持微信支付,所以在登录后是看不到微信支付的菜单的。
只有企业和个体户才允许开通微信支付的功能;

小程序微信支付

小程序支付需要开通微信支付和申请商户号。
1.小程序申请
2.微信支付开通
3.申请微信支付商户号

小程序支付-接入准备官方文档:
https://pay.wechatpay.cn/wiki/doc/apiv3/open/pay/chapter2_8_1.shtml

微信支付开通步骤参考:
https://www.zhihu.com/question/280335487

接入准备的参数和证书
小程序appid
商户号mchid
商户API证书
APIv3密钥API key

collapse is not supported for the field [goodsId] of the type [text]]

问题:使用ES字段折叠去重时报错:
collapse is not supported for the field [goodsId] of the type [text]]

查询代码:

//指定按照goodsId字段折叠去重
CollapseBuilder collapseBuilder = new CollapseBuilder("goodsId");
searchQuery.setCollapseBuilder(collapseBuilder);

解决方法:
text是用于分词的,不支持collapse,只需将字段名goodsId换成goodsId.keyword即可;

修改后查询代码:

//指定按照goodsId字段折叠去重
CollapseBuilder collapseBuilder = new CollapseBuilder("goodsId.keyword");
searchQuery.setCollapseBuilder(collapseBuilder);