Unknown instruction: FROM CENTOS:7

用Dockerfile构建jdk镜像的时候出的错 把Dockerfile文件删除之后重新建一个 把空格 符号全更换一遍英文 最后运行成功   from:https://blog.csdn.net/weixin_43555477/article/details/106480089

vue中引用vant，附带样式

1、首先 npm install babel-plugin-import 和 npm install vant 2、样式在项目中的  .babelrc 文件下 ["import", {"libraryName": "vant","libraryDirectory": "es","style": true}, "vant"]]  //vant样式引用 3、在main.js中 import { Button } from 'vant'   //引用vant组件库中可用组件 Vue.use(Button )  注册组件即可。 from:https://www.cnblogs.com/1rookie/p/12660684.html

ASP.NET quartz 定时任务

1.下载 2.使用例子 Demo 概述：Quartz 是开源的定时任务工具类，默认每隔10秒执行一次任务，相当于C#的Timer，不断的循环执行（Start 方法），也可以随时停止（ShutDown方法）。 一 下载 下载地址：quartz     二 使用例子 Demo 1）引入程序集，必须引入三个，不然报错 2）IScheduler 和 IJob

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public class Myjob : IJob
    {
        public const string DelayTime = "delay time";
 
        public void Execute(IJobExecutionContext context)
        {
            string key = "quartzKeyCache";
            if (System.Web.HttpRuntime.Cache[key] != null)
            {
                var temp = (int)System.Web.HttpRuntime.Cache[key];
                System.Web.HttpRuntime.Cache[key] = temp + 1;
            }
            else
            {
                System.Web.HttpRuntime.Cache[key] = 1;
            }
        }
    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public class QuartzUlity
    {
        public static IScheduler sched;
        public static void Open()
        {
            ISchedulerFactory schedf = new StdSchedulerFactory();
            sched = schedf.GetScheduler();
 
            IJobDetail job = JobBuilder.Create<Myjob>().Build();
            ITrigger trigger = (ITrigger)TriggerBuilder.Create().WithCronSchedule("/10 * * * * ?").Build();
 
            sched.ScheduleJob(job, trigger);
            sched.Start();
        }
 
        public static void Close()
        {
            sched.Shutdown(true);
        }
    }

3）每隔10秒，修改一次缓存的值，可以打断点随时查看缓存里的实时值。 from:https://www.cnblogs.com/ligenyun/p/7729989.html

还在傻傻分不清ES5、Es6数组方法？各大姿势来袭

前言 初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。 适合人群： 前端初级开发 Es5系列 indexOf 用途： 用于查找数组中是否存在某个值，如果存在则返回某个值的下标，否则返回-1

1
2
3
4
5
let list = [1, 2, 3];
 
console.log(list.indexOf(2)) // 1
console.log(list.indexOf("蛙人")) // -1
 

map 用途： map是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。

1
2
3
4
5
6
7
8
9
10
let list = [1, 2, 3];
 
const res = list.map((value, key, self) =&gt; {
   console.log(value) // 1 2 3
   console.log(key) // 0 1 2
   console.log(self) // [1, 2, 3]
   return value * 2
})
console.log(res)
 

forEach 用途： 用于遍历一个数组，接收三个参数，value，index，self，返回值为undefined

1
2
3
4
5
6
7
8
9
10
let list = [1, 2, 3];
 
const res = list.forEach((value, key, self) =&gt; {
    console.log(value) // 1 2 3
    console.log(key) // 0 1 2
    console.log(self) // [1, 2, 3]
    return 123
})
console.log(res) // undefined
 

splice 用途： 用于数组删除或替换内容，接收三个参数： 第一个参数是，删除或添加的位置 第二个参数是，要删除的几位，如果为0则不删除 第三个参数是，向数组添加内容

1
2
3
4
5
6
7
8
9
10
11
let list = [1, 2, 3];
 
list.splice(0, 1) // 把第0个位置，给删除一位
console.log(list) // [2, 3]
 
list.splice(0, 1, "蛙人") // 把第0个位置，给删除一位，添加上一个字符串
console.log(list) // ["蛙人", 2, 3]
 
list.splice(0, 2, "蛙人") // 把第0个位置，给删除2位，添加上一个字符串
console.log(list) // ["蛙人", 3]
 

slice 用途： 用于截取数组值，接收两个参数，第一个参数是要获取哪个值的下标，第二个参数是截取到哪个下标的前一位。

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.slice(1, 3) // 从第一位下标开始截取，到第三位下标的前一位，所以截取出来就是 [2, 3]
console.log(res) // [2, 3]
 

filter 用途： 用于过滤数组内的符合条件的值，返回值为满足条件的数组对象

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.filter(item =&gt; item &gt; 1);
console.log(res) // [2, 3]
 

every **用途：**用于检测数组所有元素是否都符合指定条件，返回值为Boolean , 该方法是数组中必须全部值元素满足条件返回true，否则false

1
2
3
4
5
6
7
8
let list = [1, 2, 3];
 
let res = list.every(item =&gt; item &gt; 0)
console.log(res) // true
 
let res1 = list.every(item =&gt; item &gt; 1)
console.log(res1) // false
 

some 用途： 用于检测数组中的元素是否满足指定条件，返回值为Boolean , 该方法是只要数组中有一项满足条件就返回true，否则false

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.some(item =&gt; item &gt; 0)
console.log(res) // true
 

reduce 用途： 该方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。该方法回调函数接收四个参数 第一个参数：初始值, 或者计算结束后的返回值 第二个参数：当前元素 第二个参数：当前元素的索引 第四个参数：当前元素所属的数组对象，本身 我们一般只用前两个就行，reduce第一个参数回调函数，第二个参数是初始值

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.reduce(( prev, cur ) =&gt; prev += cur, 0)
console.log(res) // 6
 

reverse 用途： 用于数组反转

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.reverse();
console.log(res) // [3, 2, 1]
 

join 用途： 用于数据以什么形式拼接

1
2
3
4
5
6
7
8
let list = [1, 2, 3];
 
let res = list.join("-");
console.log(res) // 1-2-3
 
let sum = eval(list.join("+"))
console.log(sum) // 6
 

sort 用途： 用于将数组排序，排序规则看返回值 返回值为正数,后面的数在前面 返回值为负数,前面的数不变,还在前面 返回值为0,都不动

1
2
3
4
5
let list = [1, 2, 3];
 
let sort = list.sort((a, b) =&gt; b - a)
console.log(sort) // [3, 2, 1]
 

concat 用途： 用于合并数组原始

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.concat([1, 2, 3])
console.log(res) // [1, 2, 3, 1, 2, 3]
 

push 用途： 向数组后面添加元素，返回值为数组的length

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.push(1)
console.log(res) // 4
 

pop 用途： 用于删除数组尾部的元素，返回值为删除的元素

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.pop()
console.log(res) // 3
 

shift 用途： 用于删除数组的头部，返回值为删除的元素

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.shift()
console.log(res) // 1
 

unshift 用途： 向数组的头部添加元素，返回值为数组的length

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.unshift(1)
console.log(res) // 4
 

toString 用途： 用于将数组内容转换为字符串

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.toString()
console.log(res) // 1,2,3
 

Es6 + includes 用途： 检测数组中是否存在该元素，返回Boolean值

1
2
3
4
5
6
let list = [1, 2, 3];
 
let res = list.includes("蛙人")
let res1 = list.includes(1)
console.log(res, res1) // false true
 

find 用途： 查找数组的元素，满足条件的返回单个值，按照就近原则返回

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.find((item) =&gt; item &gt; 1)
console.log(res) // 2, 按照就近原则返回
 

findIndex 用途： 查找数组中元素，满足条件的返回数组下标

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.findIndex((item) =&gt; item &gt; 1)
console.log(res) // 1, 按照就近原则返回下标
 

flat 用途： 用于拉平嵌套数组对象

1
2
3
4
5
let list = [1, 2, 3, [4, [5]]];
 
let res = list.flat(Infinity)
console.log(res) // [1, 2, 3, 4, 5]
 

fill 用途： 用于填充数组对象

1
2
3
4
5
let list = [1, 2, 3];
 
let res = list.fill(1)
console.log(res) // [1, 1, 1]
 

Array.isArray 用途： 检测对象是不是一个数组

1
2
3
4
5
let list = [1, 2, 3];
 
let res =  Array.isArray(list)
console.log(res) // true
 

Array.from 用途： 将伪数组转换为真数组

1
2
3
let res = Array.from(document.getElementsByTagName("div"))
console.log(res) // 转换为真数组就可以调用数组原型的方法
 

Array.of 用途： 用于生成一个数组对象，主要是用来弥补Array()的不足

1
2
3
let res = Array.of(1, 2, 3)
console.log(res) // [1, 2, 3]
 

改变原始数组值的有哪些 splice、reverse、sort、push、pop、shift、unshift、fill 结语 这里keys、values、entries就不写啦，它们使用数组方式的话，返回的是Iterator遍历器对象。欢迎大家查漏补缺常用数组方法哦   from:https://zhuanlan.zhihu.com/p/361204051

服务注册与发现的原理和实现

什么是服务注册发现？ 对于搞微服务的同学来说，服务注册、服务发现的概念应该不会太陌生。 简单来说，当服务A需要依赖服务B时，我们就需要告诉服务A，哪里可以调用到服务B，这就是服务注册发现要解决的问题。 Service B 把自己注册到 Service Registry 叫做 服务注册 Service A 从 Service Registry 发现 Service B 的节点信息叫做 服务发现 服务注册 服务注册是针对服务端的，服务启动后需要注册，分为几个部分： 启动注册 定时续期 退出撤销 启动注册 当一个服务节点起来之后，需要把自己注册到 Service Registry 上，便于其它节点来发现自己。注册需要在服务启动完成并可以接受请求时才会去注册自己，并且会设置有效期，防止进程异常退出后依然被访问。 定时续期 定时续期相当于 keep alive，定期告诉 Service Registry 自己还在，能够继续服务。 退出撤销 当进程退出时，我们应该主动去撤销注册信息，便于调用方及时将请求分发到别的节点。同时，go-zero 通过自适应的负载均衡来保证即使节点退出没有主动注销，也能及时摘除该节点。 服务发现 服务发现是针对调用端的，一般分为两类问题： 存量获取 增量侦听 还有一个常见的工程问题是 应对服务发现故障 当服务发现服务（比如 etcd, consul, nacos等）出现问题的时候，我们不要去修改已经获取到的 endpoints 列表，从而可以更好的确保 etcd 等宕机后所依赖的服务依然可以正常交互。 存量获取 当 Service A 启动时，需要从 Service Registry 获取 Service B 的已有节点列表：Service B1, Service B2, Service B3，然后根据自己的负载均衡算法来选择合适的节点发送请求。 增量侦听 上图已经有了 Service B1, Service B2, Service B3，如果此时又启动了 Service B4，那么我们就需要通知 Service A 有个新增的节点。如图： 应对服务发现故障 对于服务调用方来说，我们都会在内存里缓存一个可用节点列表。不管是使用 etcd，consul 或者 nacos 等，我们都可能面临服务发现集群故障，以 etcd 为例，当遇到 etcd 故障时，我们就需要冻结 Service B 的节点信息而不去变更，此时一定不能去清空节点信息，一旦清空就无法获取了，而此时 Service B 的节点很可能都是正常的，并且 go-zero 会自动隔离和恢复故障节点。 服务注册、服务发现的基本原理大致如此，当然实现起来还是比较复杂的，接下来我们一起看看 go-zero 里支持哪些服务发现的方式。 go-zero 之内置服务发现 go-zero 默认支持三种服务发现方式： 直连 基于 etcd 的服务发现 基于 kubernetes endpoints 的服务发现 直连 直连是最简单的方式，当我们的服务足够简单时，比如单机即可承载我们的业务，我们可以直接只用这种方式。 在 rpc 的配置文件里直接指定 endpoints 即可，比如：

1
2
3
4
Rpc:
  Endpoints:
  - 192.168.0.111:3456
  - 192.168.0.112:3456

  zrpc 调用端就会分配负载到这两个节点上，其中一个节点有问题时 zrpc 会自动摘除，等节点恢复时会再次分配负载。 这个方法的缺点是不能动态增加节点，每次新增节点都需要修改调用方配置并重启。 基于 etcd 的服务发现 当我们的服务有一定规模之后，因为一个服务可能会被很多个服务依赖，我们就需要能够动态增减节点，而无需修改很多的调用方配置并重启。 常见的服务发现方案有 etcd, consul, nacos 等。 go-zero内置集成了基于 etcd 的服务发现方案，具体使用方法如下：

1
2
3
4
5
6
7
Rpc:
  Etcd:
     Hosts:
     - 192.168.0.111:2379
     - 192.168.0.112:2379
     - 192.168.0.113:2379
     Key: user.rpc

  Hosts 是 etcd 集群地址 Key 是服务注册上去的 key 基于 Kubernetes Endpoints 的服务发现 如果我们的服务都是部署在 Kubernetes 集群上的话，Kubernetes 本身是通过自带的 etcd 管理集群状态的，所有的服务都会把自己的节点信息注册到 Endpoints 对象，我们可以直接给 deployment 权限去读取集群的 Endpoints 对象即可获得节点信息。 Service B 的每个 Pod 启动时，会将自己注册到集群的 Endpoints 里 Service A 的每个 Pod 启动时，可以从集群的 Endpoints 里获取 Service B 的节点信息 当 Service B 的节点发生改变时，Service A 可以通过 watch 集群的 Endpoints 感知到 在这个机制工作之前，我们需要配置好当前 namespace 内 pod 对集群 Endpoints 访问权限，这里有三个概念： ClusterRole 定义集群范围的权限角色，不受 namespace 控制 ServiceAccount 定义 namespace 范围内的 service account ClusterRoleBinding 将定义好的 ClusterRole 和不同 namespace 的 ServiceAccount 进行绑定 具体的 Kubernetes 配置文件可以参考 这里，其中 namespace 按需修改。 注意：当启动时报没有权限获取 Endpoints 时记得检查这些配置有没落实 :) zrpc 的基于 Kubernetes Endpoints 的服务发现使用方法如下：

1
2
Rpc:
  Target: k8s://mynamespace/myservice:3456

  其中： mynamespace：被调用的 rpc 服务所在的 namespace myservice：被调用的 rpc 服务的名字 3456：被调用的 rpc 服务的端口 在创建 deployment 配置文件时一定要加上 serviceAccountName 来指定使用哪个 ServiceAccount，示例如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
apiVersion: apps/v1
kind: Deployment
metadata:
  name: alpine-deployment
  labels:
    app: alpine
spec:
  replicas: 1
  selector:
    matchLabels:
      app: alpine
  template:
    metadata:
      labels:
        app: alpine
    spec:
      serviceAccountName: endpoints-reader
      containers:
      - name: alpine
        image: alpine
        command:
        - sleep
        - infinity

  注意其中 serviceAccountName 指定该 deployment 创建出来的 pod 用哪个 ServiceAccount。 server 和 client 都部署到 Kubernetes 集群里之后可以通过以下命令滚动重启所有 server 节点

1
kubectl rollout restart deploy -n adhoc server-deployment

  利用如下命令查看 client 节点日志：

1
kubectl -n adhoc logs -f deploy/client-deployment --all-containers=true

  可以看到我们的服务发现机制完美跟进了 server 节点的变化，并且在服务更新期间没有出现异常请求。 完整代码示例见 https://github.com/zeromicro/zero-examples/tree/main/discovery/k8s 下一篇文章我将讲解在 go-zero 里如何实现基于 consul, nacos 等的服务注册发现，敬请期待！ 项目地址 https://github.com/tal-tech/go-zero https://gitee.com/kevwan/go-zero 欢迎使用 go-zero 并 star 支持我们！ 微信交流群 关注『微服务实践』公众号并点击 交流群 获取社区群二维码。   from:https://my.oschina.net/kevwan/blog/5259846

服务的注册与发现（Consul、zookeeper、etcd、eureka、Nacos）

一. 对比常用的注册中心 Consul、zookeeper、etcd、eureka、Nacos Feature Consul Zookeeper Etcd Eureka Nacos 服务健康检查  服务状态，内存，硬盘等  (弱)长连接，keepalive  连接心跳  可配支持 传输层 (PING 或 TCP)和应用层 (如 HTTP、MySQL、用户自定义）的健康检查 多数据中心  支持  —  —  — 支持 kv存储服务  支持  支持  支持  —  支持 一致性   Raft  Paxos   Raft  — Raft CAP定理  CP  CP  CP  AP CP: 配置中心 AP: 注册中心 使用接口 (多语言能力)  支持http和dns  客户端  http/grpc  http（sidecar） Nacos 支持基于 DNS 和基于 RPC 的服务发现。服务提供者使用 原生SDK、OpenAPI、或一个独立的Agent watch支持  全量/支持long polling  支持  支持 long polling 支持 long polling/大部分增量 支持 long polling/大部分增量 自身监控  metrics  —  metrics  metrics   安全  acl /https  acl  https支持（弱）  — acl Spring Cloud集成  已支持  已支持  已支持  已支持  已支持 备注 可以作为eureka的替代使用     2.0不在更新 1. 支持dubbo 2. spring-cloud-alibaba支持 二. 个人总结 springcloud中实现的注册中心 1. 当项目数量少于1000时， 可以考虑 eureka 1.x ； 2.0版本官方不在维护 2. 使用最新的可以考虑使用 Consul， 使用Raft实现一致性的同时， 尽量保证可用， 支持 k8s 3. 使用dubbo， 可以使用 zookeeper、 nacos，  推荐使用 nacos 4. nacos是阿里来源的集配置中心和注册中心与一体的， 新版本 AP 支持性能良好， 天然支持 dubbo 在 spring-cloud-alibaba 项目中， 很好的实现配置中心和注册中心 支持 k8s、spring 系列、 docker 和 多注册中心的同步 2.0 规划 屏蔽 同步 k8s 和 spring 管理的差异、 支持 istio 5. 新项目可以使用 nacos   from:https://www.cnblogs.com/lovezbs/p/14244007.html

Nacos – 阿里开源配置中心

配置中心相信大家都有听过，zookeeper、apollo等等都是配置中心的代表，但大部分都是JAVA系为主的，笔者主要开发语言使用的是Golang当然也有类似于ETCD这样的组件，但是并不方便管理也无法可视化，在无意之间发现了阿里爸爸开源了nacos这个服务发现+配置中心组件，也经过了一段时间的时候在这里分享给大家 附上: 喵了个咪的博客:w-blog.cn Nacos官方Git地址:https://github.com/alibaba/nacos Nacos官方文档地址:https://nacos.io/zh-cn/docs/ Go语言SDK地址:https://github.com/sunmi-OS/gocore/tree/master/nacos PS：当前官方最新版本为 V1.1.3，阿里云有提供配置中心服务ACM使用方式和Nacos相同，使用阿里云的前提下免运维是个不错的选择 一、Nacos介绍 Nacos是阿里云中间件团队开源的一个项目，基于阿里云内部提供的ACM配置管理服务进行独立，截止到现在github已经有8K以上的star了，虽然成熟度还不能和携程开源的apollo相提并论，比较也是在阿里云上提供服务的组件稳定性还是值得相信的，当然要使用介绍Nacos必须要介绍介绍配置中心这样一个思想了。 配置中心是个老生常谈的话题，从有软件编程开始配置管理都是工程中重要的一步，当然对与一个单体应用只需要单个配置文件或环境变量的方式来管理配置就好了所以不再本文的讨论范围内，配置中心主要解决服务化或微服务化下的配置管理中的如下问题： 有效的密码管理，开发不碰触密码配置，运维人员和架构团队统一管理避免泄露； 多项目下的配置绝对统一性，不会出现配置写错导致的BUG 对于配置的编辑、存储、分发、变更管理、历史版本管理、变更审计有完善的能力 配置分组和灰度发布 有好处当然也有坏处，相对于使用配置文件我们还需要解决如下问题： 配置中心异常情况下服务怎么保障可用（SDK提供Cache功能当中心服务不可用会使用上一次加载的缓存配置） 配置变更后的程序生效逻辑（SDK提供配置变动订阅逻辑可以订阅配置变动编写处理逻辑） 开发过程中的配置文件调试（需要框架进行设计） 对于部分语言来说（PHP）配置中心性能的问题（Nacos的吞吐量8C16G 15K并发） 对比下来还是可以总结出配置中心利大于弊的结论 二、Nacos部署 Nacos不止支持二进制部署也支持支持Docker和K8S部署，因为Nacos是有状态服务存储的数据需要依赖于Mysql而且集群的方式需要指定slave的IP所以使用K8S并不是很好的选择（K8S使用StatefulSet来运行有状态服务），笔者这里用Docker-Composer的方式来运行Nacos

1
2
3
4
5
6
7
8
Nacos官方Docker部署方式Git地址：https://github.com/nacos-group/nacos-docker
git clone https://github.com/nacos-group/nacos-docker.git
单机部署（内存模式）：
docker-compose -f example/standalone-derby.yaml up
单机部署（Mysql模式）：
docker-compose -f example/standalone-mysql.yaml up
集群部署：
docker-compose -f example/cluster-hostname.yaml up

访问：http://localhost:8848/nacos/ 就可以看到登录界面了 PS：默认用户名和密码都是 nacos 阿里云ACM服务 当然自己部署Nacos还会面临很多挑战，比如： 集群搭建 稳定性 Mysql数据库维护 配置安全保护（Nacos没有密码一说，但是ACM需要使用阿里云的密钥可以提高安全程度） PS：秉着能用服务就不自己搭建的原则笔者最终使用的是阿里云的ACM服务（当前ACM服务免费） PS：需要注意阿里云ACM和Nacos在SDK中的链接方式有不同 三、基础使用 Nacos有几个基础概念，我们只有先了解清楚之后才能更好的结合到业务场景： namespace 命名空间 Group 配置分组 DataID 具体的配置名称 一般我们使用namespace来区分不同的项目或环境，Group区分配置的差异系比如A业务获取的配置和B团队的有一些细微的差别可以通过Group来区分，最后使用DataId来区分具体的配置项 增加一个namespace 新增一个配置 支持很多种配置格式，也可以使用自定义的格式甚至直接存放代码都行 也有对应的JAVA系的示例代码 四、SDK和OpenApi使用配置 Nacos支持一下语言的SDK（当然GIT上也有很多非官方的SDK库）： Java go cpp python nodejs 大家可以在官方文档中查看具体的使用方式 上面已经配置好的配置我们可以使用OpenApi来访问它

1
2
3
4
curl "http://172.16.0.13:8848/nacos/v1/cs/configs?dataId=test_config&amp;group=DEFAULT_GROUP&amp;tenant=b58ea912-e564-4958-b21f-3098ad15daf9"
{
"name":"sunmi"
}

特别注意tenant就是需要输入namespace的名称，但是不是原名是如下的名称 from:https://www.cnblogs.com/cuiyubo/p/11756777.html

微服务之consul（一）

一、概述 consul是google开源的一个使用go语言开发的服务发现、配置管理中心服务。内置了服务注册与发现框 架、分布一致性协议实现、健康检查、Key/Value存储、多数据中心方案，不再需要依赖其他工具（比如ZooKeeper等）。服务部署简单，只有一个可运行的二进制的包。每个节点都需要运行agent，他有两种运行模式server和client。每个数据中心官方建议需要3或5个server节点以保证数据安全，同时保证server-leader的选举能够正确的进行。 @client CLIENT表示consul的client模式，就是客户端模式。是consul节点的一种模式，这种模式下，所有注册到当前节点的服务会被转发到SERVER，本身是不持久化这些信息。 @server SERVER表示consul的server模式，表明这个consul是个server，这种模式下，功能和CLIENT都一样，唯一不同的是，它会把所有的信息持久化的本地，这样遇到故障，信息是可以被保留的。 @server-leader 中间那个SERVER下面有LEADER的字眼，表明这个SERVER是它们的老大，它和其它SERVER不一样的一点是，它需要负责同步注册的信息给其它的SERVER，同时也要负责各个节点的健康监测。 @raft server节点之间的数据一致性保证，一致性协议使用的是raft，而zookeeper用的paxos，etcd采用的也是raft。 @服务发现协议 consul采用http和dns协议，etcd只支持http @服务注册 consul支持两种方式实现服务注册，一种是通过consul的服务注册http API，由服务自己调用API实现注册，另一种方式是通过json个是的配置文件实现注册，将需要注册的服务以json格式的配置文件给出。consul官方建议使用第二种方式。 @服务发现 consul支持两种方式实现服务发现，一种是通过http API来查询有哪些服务，另外一种是通过consul agent 自带的DNS（8600端口），域名是以NAME.service.consul的形式给出，NAME即在定义的服务配置文件中，服务的名称。DNS方式可以通过check的方式检查服务。 @服务间的通信协议 Consul使用gossip协议管理成员关系、广播消息到整个集群，他有两个gossip  pool（LAN pool和WAN pool），LAN pool是同一个数据中心内部通信的，WAN pool是多个数据中心通信的，LAN pool有多个，WAN pool只有一个。   二、consul集群搭建 1）安装 首先去官网现在合适的consul包：https://www.consul.io/downloads.html 安装直接下载zip包，解压后只有一个可执行的文件consul，将consul添加到系统的环境变量里面。 #unzip consul_1.2.3_linux_amd64.zip #cp -a consul  /usr/bin #consul

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Usage: consul [--version] [--help] <command> [<args>]
 
Available commands are:
    agent          Runs a Consul agent
    catalog        Interact with the catalog
    connect        Interact with Consul Connect
    event          Fire a new event
    exec           Executes a command on Consul nodes
    force-leave    Forces a member of the cluster to enter the "left" state
    info           Provides debugging information for operators.
    intention      Interact with Connect service intentions
    join           Tell Consul agent to join cluster
    keygen         Generates a new encryption key
    keyring        Manages gossip layer encryption keys
    kv             Interact with the key-value store
    leave          Gracefully leaves the Consul cluster and shuts down
    lock           Execute a command holding a lock
    maint          Controls node or service maintenance mode
    members        Lists the members of a Consul cluster
    monitor        Stream logs from a Consul agent
    operator       Provides cluster-level tools for Consul operators
    reload         Triggers the agent to reload configuration files
    rtt            Estimates network round trip time between nodes
    snapshot       Saves, restores and inspects snapshots of Consul server state
    validate       Validate config files/directories
    version        Prints the Consul version
    watch          Watch for changes in Consul

输入consul，出现上面的内容证明安装成功。   2）启动 consul必须启动agent才能使用，有两种启动模式server和client，还有一个官方自带的ui。server用与持久化服务信息，集群官方建议3或5个节点。client只用与于server交互。ui可以查看集群情况的。 server： cn1： #consul agent  -bootstrap-expect 2  -server   -data-dir /data/consul0 -node=cn1 -bind=192.168.1.202 -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1 cn2: #consul agent    -server  -data-dir /data/consul0 -node=cn2 -bind=192.168.1.201 -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1  -join 192.168.1.202 cn3: #consul agent  -server  -data-dir /data/consul0 -node=cn3 -bind=192.168.1.200 -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1  -join 192.168.1.202 参数解释： -bootstrap-expect:集群期望的节点数，只有节点数量达到这个值才会选举leader。 -server： 运行在server模式 -data-dir：指定数据目录，其他的节点对于这个目录必须有读的权限 -node：指定节点的名称 -bind：为该节点绑定一个地址 -config-dir：指定配置文件，定义服务的，默认所有一.json结尾的文件都会读 -enable-script-checks=true：设置检查服务为可用 -datacenter: 数据中心没名称， -join：加入到已有的集群中   client： #consul agent   -data-dir /data/consul0 -node=cn4 -bind=192.168.1.199 -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1  -join 192.168.1.202 client节点可以有多个，自己根据服务指定即可。 ui: #consul agent  -ui  -data-dir /data/consul0 -node=cn4 -bind=192.168.1.198  -client 192.168.1.198   -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1  -join 192.168.1.202 -ui:使用自带的ui， -ui-dir：指定ui的目录，使用自己定义的ui -client：指定web  ui、的监听地址，默认127.0.0.1只能本机访问。 集群创建完成后： 使用一些常用的命令检查集群的状态： #consul  info 可以在raft：stat看到此节点的状态是Fllower或者leader #consul members Node Address Status Type Build Protocol DC Segment cn1 192.168.1.202:8301 alive server 1.0.2 2 dc1 <all> cn2 192.168.1.201:8301 alive server 1.0.2 2 dc1 <all> cn3 192.168.1.200:8301 alive client 1.0.2 2 dc1 <default> 新加入一个节点有几种方式； 1、这种方式，重启后不会自动加入集群 #consul  join  192.168.1.202 2、#在启动的时候使用-join指定一个集群 #consul agent  -ui  -data-dir /data/consul0 -node=cn4 -bind=192.168.1.198 -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1  -join 192.168.1.202 3、使用-startjoin或-rejoin #consul agent  -ui  -data-dir /data/consul0 -node=cn4 -bind=192.168.1.198 -config-dir /etc/consul.d -enable-script-checks=true  -datacenter=dc1  -rejoin   访问ui： http://192.168.1.198:8500/ui 端口： 8300：consul agent服务relplaction、rpc（client-server） 8301：lan gossip 8302：wan gossip 8500：http api端口 8600：DNS服务端口   3）服务注册 采用的是配置文件的方式，（官方推荐）首先创建一个目录用于存放定义服务的配置文件 #mkdir /etc/consul.d/ 启动服务的时候要使用-config-dir 参数指定。 下面给出一个服务定义： #cat web.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
    "service":{
        "name":"web",
        "tags":[
            "rails"
        ],
        "port":80,
        "check":{
            "name":"ping",
            "script":"curl -s localhost:80",
            "interval":"3s"
        }
    }
}

如果这样启动consul后，会发现consul的日志里面一直报错，因为我们没有启动80端口的服务，下面给出我写的一个go程序： #cat  web.go

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
package main
import (
    "io"
    "log"
    "net/http"
    "strconv"
    "fmt"
)
var iCnt  int = 0;
 
func helloHandler(w http.ResponseWriter, r*http.request)  {
    iCnt++;
    str :="Hell eorld ! friend("+ strconv.Itoa(iCnt)+")"
    io.WriteString(w,str)
    fmt.Println(str)
}
 
func main(){
    ht :=http.HanderFunc(helloHandler)
    if ht != nil {
        http.Handle("/hello",ht)
    }
    err := http.ListenAndServe(":80",nil)
    if err != nil{
        log.Fatal("ListenAndserve:",err.Error())
    }
}

#需要一个goalong的环境： #go  build -o  web  web.go #./web 此时就可以在没有运行web服务的机器上面执行DNS查询： # dig @127.0.0.1 -p 8600 web.service.consul SRV ;; ANSWER SECTION: web.service.consul. 0 IN SRV 1 1 80 cn2.node.dc1.consul. web.service.consul. 0 IN SRV 1 1 80 cn3.node.dc1.consul. ;; ADDITIONAL SECTION: cn2.node.dc1.consul. 0 IN A 192.168.1.201 cn2.node.dc1.consul. 0 IN TXT "consul-network-segment=" cn3.node.dc1.consul. 0 IN A 192.168.1.200 cn3.node.dc1.consul. 0 IN TXT "consul-network-segment=" ;; Query time: 17 msec ;; SERVER: 127.0.0.1#8600(127.0.0.1) ;; WHEN: 四 1月 04 14:39:32 CST 2018 ;; MSG SIZE rcvd: 229 可以看到服务已经注册到集群里面了。 使用dns查询，默认域名格式NAME.service.consul，NAME就是web.json里面定义的service的name。可以自己指定域和端口：-domain、-dns-port 53 为了方便使用consul集群的注册使用，所以写了一个三节点client的注册脚本，方便统一注册服务和管理。还利用到了nfs，将服务文件共享到集群。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#!/usr/bin/env python
#encoding: utf8
#decription: registered a service to consul
from subprocess import call
import sys
 
hosts = {"b1":"10.10.1.01:8500","b2":"10.10.7.1:8500","b3":"10.10.8.21:8500"}
 
 
def consul_relaod():
    if (len(sys.argv) != 2) or sys.argv[1] == '-h':
        print(("Usage: {0} [option] :{1} ,if you wang update all of them,you must use 'all'").format(sys.argv[0],hosts.keys()))
        sys.exit()
 
    elif(sys.argv[1] == 'all'):
        for i in hosts.keys():
           call(("consul reload -http-addr {}").format(hosts[i]),shell=True)
    else:
       call(("consul reload -http-addr {}").format(hosts[sys.argv[1]]),shell=True)
 
if __name__ == '__main__':
    consul_relaod()

hosts是client节点列表。可以只注册其中的一个节点，输入hosts中对应的key，也可以输入all，注册到所有节点；nfs共享的是/etc/consul.d目录。 4）健康检查 check使用来做服务的健康检查的，可以拥有多个，也可以不使用支持多种方式检查。check必须是script或者TTL类型，如果是TTL类型则ttl变量必须被提供。script是consul主动去检查服务的健康状况，ttl是服务主动向consul报告自己的状况。新版本的consul不在使用script来表示，使用args，如果是https服务的健康检查，可以使用args这种脚本的方式实现，因为consul默认不支持https的健康检查。 script check： "check": { "args": ["/data/scripts/kubeadm-ha-0.sh",""],     "interval": "10s" }   http check: { "check": { "id": "api", "name": "HTTP API  500", "http": "http://loclhost:500/health", "interval": "10s", "timeout": "1s" } }   tcp  check: { "check": { "id": "ssh", "name": "ssh TCP 26622", "tcp": "localhost:26622", "interval": "10s", "timeout": "1s" } }   ttl  check: { "check": { "id": "web-app", "name": "Web APP status", "notes": "Web APP does a curl  internally every 10 seconds", "ttl": "30s" } }   三、更新consul版本为最新版本1.2.3. 版本更新特性： https://github.com/hashicorp/consul/blob/v1.2.3/CHANGELOG.md

1
2
3
4
5
6
7
8
9
10
11
12
FEATURES:
 
agent: New Cloud Auto-join provider: Kubernetes (K8S) [GH-4635]
http: Added support for "Authorization: Bearer" head in addition to the X-Consul-Token header. [GH-4483]
dns: Added a way to specify SRV weights for each service instance to allow weighted DNS load-balancing. [GH-4198]
dns: Include EDNS-ECS options in EDNS responses where appropriate: see RFC 7871 [GH-4647]
IMPROVEMENTS:
 
ui: Switch to fullscreen layout for lists and detail, left aligned forms [GH-4435]
connect: TLS certificate readiness now performs x509 certificate verification to determine whether the cert is usable. [GH-4540]
ui: The syntax highlighting/code editor is now on by default [GH-4651]
ui: Fallback to showing Node.Address if Service.Address is not set [GH-4579]

ui较之前有很大改变：     from:https://www.cnblogs.com/cuishuai/p/8194345.html

etcd和redis的比较和日常使用场景

个人观点：etcd的红火来源于kurbernetes用etcd做服务发现，而redis的兴起则来源于memcache缓存本身的局限性。 etcd是一种分布式存储，更强调的是各个节点之间的通信，同步，确保各个节点上数据和事务的一致性， 使得服务发现工作更稳定，本身单节点的写入能力并不强。 redis更像是内存型缓存，虽然也有cluster做主从同步和读写分离， 但节点间的一致性主要强调的是数据，并不在乎事务，因此读写能力很强，qps甚至可以达到10万+ 两者都是k-v存储，但redis支持更多的存储模式，包括KEY，STRING，HMAP，SET，SORTEDSET等等， 因此redis本身就可以完成一些比如排序的简单逻辑。而etcd则支持对key的版本记录和txn操作和client对key的watch，因此适合用做服务发现。 日常使用中，etcd主要还是做一些事务管理类的，基础架构服务用的比较多，容器类的服务部署是其主流。 而redis广泛地使用在缓存服务器方面，用作mysql的缓存，通常依据请求量，甚至会做成多级缓存，当然部分情况下也用做存储型redis做持续化存储。   from:https://www.cnblogs.com/nmap/p/9398346.html

推荐 10 个很“哇塞”的Web“资源”给前端工友，收藏等于学会~

毋庸置疑：善用在线资源和工具可以加速开发，提高质量、让生活更 Chill 😎~ 本篇为前端工友们带来 10 个棒棒哒免费的 Web 资源，收藏⭐等于学会 (๑•̀ㅂ•́)و✧ 1. Undraw 如果你的网站需要免费的 SVG 插图，一定不要错过 Undraw 这个网站！ SVG 插图资源是海量的，本瓜下拉了十几、二十次都拉不完（当然，搜索功能也是有的）；并且，你还可以自定义插图的配色，简直不要太 NICE~ 海量资源，支持搜索🔍 随意更改配色🌈   2. Error 404 不知道你一般会去哪找 404 页面素材~ 现在你又多了一个选项：Error 404 酷酷酷~ 把本瓜一个切图仔的审美都拉上来了👆 3. Squoosh 压缩图片！! 对比 tinypng 有【更好的】压缩效果： tinypng 压缩 Squoosh 压缩   压缩效果：前者是 80%，后者是 95%；最终效果也不错~👍 Why not try ?   4. DevDocs DevDocs 见名思意，是 Web 开发技术文档，是非常不错的学习手册！ 别的不说，就这 UI 本瓜就挺喜欢！还支持添加常用技术文档、更换主题等~   5. iHateRegex 如果你讨厌正则，那么一定不要错过这个网站？(ˉ▽ˉ；)… 不仅如此，还有细节图示！可恶，做的真好啊 ╮(╯▽╰)╭   6. Carbon 经常有人问，“这种好看的代码片段如何生成”，答案就在 Carbon！ 你可以生成各种主题、各种语言的代码片段，并导出为图片或复制到其它平台，真滴好用👌 舒服了~~   7. Dribbble 寻找网页设计灵感，认准 Dribbble!!!     看到人家的管理后台设计，就想马上回去把自家的管理后台“撕”了🐶 8. Animista Css 动画，复制代码就能用！免安装，它不香嘛？   9. Shape Divider 你可以生成各式各样的分割线，并导出 SVG 格式； 花里胡哨的，我喜欢(❤ ω ❤)   10. Notion 如果你需要一个记笔记的平台，推荐一个选项：Notion 快速笔记、TaskList、日记、读书清单，各种类型，应有尽有，推荐~   作者：掘金安东尼 链接：https://juejin.cn/post/7003114103094902792 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

fetch与xhr的对比

㈠fetch的简单介绍 fetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方案。 fetch不是ajax的进一步封装，而是原生js。 Fetch函数就是原生js，没有使用XMLHttpRequest对象。   ㈡XMLHttpRequest   API  的缺点 ⑴ 不符合关注分离（Separation of Concerns）的原则 ⑵ 配置和调用方式非常混乱 ⑶ 基于事件的异步模型写起来也没有现代的 Promise，generator/yield，async/await 友好。   ⑷具体示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var xhr = new XMLHttpRequest();
 
xhr.open('GET',url);
 
xhr.responseType = 'json';
 
xhr.onload = function(){
   
   console.log(xhr.response);
}
 
xhr.onerror = function(){
   
   console.log('xhr error');
}
 
xhr.send();

    ㈢Fetch 的出现就是为了解决 XHR 的问题 ⑴使用fetch做请求后：

1
2
3
4
5
6
7
8
9
10
11
12
fetch(url).then(function(response){
     
      return response.json();
 
}).then(function(data){
   
      console.log(data);
 
}).catch(function(e){
   
      console.log('error' + e);
});

    ⑵es6写法：

1
2
3
4
5
fetch(url).then(response=>response.json())
    
    .then(data=>console.log(data))
    
    .catch(e=>console.log('error' + e));

    ⑶处理text/html响应：

1
2
3
4
5
fetch(url).then(response=>response.text())
    
     .then(data=>console.log(data))
    
     .catch(e=>console.log('error' + e));

    ⑷获取头信息：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
fetch(url).then((response)=>{
   
    console.log(response.status);
   
    console.log(response.statusText);
   
    console.log(response.headers.get('Content-Type'));
   
    console.log(response.headers.get('Date'));
   
    return response.json();
 
}).then(data=>console.log(data))
 
    .catch(e=>console.log('error' + e);

    ⑸设置头信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
fetch(url,{
   
   headers:{
       
             'Accept': 'application/json',
      
             'Content-Type': 'application/json'
    }
 
}).then(response=>response.json())
 
    .then(data=>console.log(data))
 
     .catch(e=>console.log('error' + e);

    ⑹提交表单

1
2
3
4
5
6
7
8
9
10
11
fetch(url,{
   
     method: 'post',
   
     body: new FormData(document.getElementById('form'))
 
}).then(response=>response.json())
   
    .then(data=>console.log(data))
 
    .catch(e=>console.log('error' + e);

    ⑺提交json数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
fetch(url,{
   
    method: 'post',
   
    body: JSON.stringify({
       
          username: document.getElementById('username').value,
       
          password: document.getElementById('password').value
    })
 
}).then(response=>response.json())
 
    .then(data=>console.log(data))
 
    .catch(e=>console.log('error' + e);

    ⑻fetch跨域的处理 fetch中可以设置mode为"no-cors"（不跨域）

1
2
3
4
5
fetch('/users.json', {
    method: 'post',
    mode: 'no-cors',
    data: {}
}).then(function() { /* handle response */ });

    这样之后我们会得到一个type为“opaque”的返回。 需要指出的是，这个请求是真正抵达过后台的， 所以我们可以使用这种方法来进行信息上报，在我们之前的image.src方法中多出了一种选择， 另外，我们在network中可以看到这个请求后台设置跨域头之后的实际返回，有助于我们提前调试接口（当然，通过chrome插件我们也可以做的到）。   ㈣Fetch 优点 ⑴语法简洁，更加语义化 ⑵基于标准 Promise 实现，支持 async/await ⑶同构方便，使用 isomorphic-fetch   ㈤Fetch 的兼容问题： ⒈fetch原生支持性不高，引入下面这些 polyfill 后可以完美支持 IE8+ ： ⑴由于 IE8 是 ES3，需要引入 ES5 的 polyfill: es5-shim, es5-sham ⑵引入 Promise[z1]  的 polyfill: es6-promise ⑶引入 fetch 探测库：fetch-detector ⑷引入 fetch 的 polyfill: fetch-ie8 ⑸可选：如果你还使用了 jsonp，引入 fetch-jsonp ⑹可选：开启 Babel 的 runtime 模式，现在就使用 async/await ⒉示例： 使用isomorphic-fetch，兼容Node.js和浏览器两种环境运行。

1
2
3
4
5
npm install --save isomorphic-fetch es6-promise
 
require('es6-promise').polyfill();
 
require('isomorphic-fetch');

    参考：https://blog.csdn.net/kezanxie3494/article/details/102956869