docs: update web interface to latest (#4935)

This commit is contained in:
okaybase 2021-09-01 11:22:33 +08:00 committed by GitHub
parent a062a9c83b
commit b7c1b5e8ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
27 changed files with 22 additions and 56 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 318 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 282 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 271 KiB

View File

@ -61,7 +61,7 @@ curl http://127.0.0.1:9080/apisix/admin/consumers -H 'X-API-KEY: edd1c9f034335f1
}'
```
you can visit Dashboard `http://127.0.0.1:9080/apisix/dashboard/` and add a Consumer through the web console:
you also can add a Consumer through the web console:
![auth-1](../../../assets/images/plugin/basic-auth-1.png)

View File

@ -68,7 +68,7 @@ curl http://127.0.0.1:9080/apisix/admin/consumers -H 'X-API-KEY: edd1c9f034335f1
}'
```
You can open dashboard with a browser: `http://127.0.0.1:9080/apisix/dashboard/`, to complete the above operation through the web interface, first add a route:
You also can complete the above operation through the web interface, first add a route:
![](../../../assets/images/plugin/key-auth-1.png)
Then add key-auth plugin:

View File

@ -77,12 +77,9 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f13
}'
```
You can open dashboard with a browser: `http://127.0.0.1:9080/apisix/dashboard/`, to complete the above operation through the web interface, first add a route:
You also can complete the above operation through the web interface, first add a route, then add limit-conn plugin:
![](../../../assets/images/plugin/limit-conn-1.png)
Then add limit-conn plugin:
![](../../../assets/images/plugin/limit-conn-2.png)
## Test Plugin
The parameters of the plugin enabled above indicate that only one concurrent request is allowed. When more than one concurrent request is received, will return `503` directly.

View File

@ -80,11 +80,8 @@ curl -i http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335
}'
```
You can open dashboard with a browser: `http://127.0.0.1:9080/apisix/dashboard/`, to complete the above operation through the web interface, first add a route:
![Add a router.](../../../assets/images/plugin/limit-count-1.png)
Then add limit-count plugin:
![Add limit-count plugin.](../../../assets/images/plugin/limit-count-2.png)
You also can complete the above operation through the web interface, first add a route, then add limit-count plugin:
![Add limit-count plugin.](../../../assets/images/plugin/limit-count-1.png)
If you need a cluster-level precision traffic limit, then we can do it with the redis server. The rate limit of the traffic will be shared between different APISIX nodes to limit the rate of cluster traffic.

View File

@ -76,13 +76,8 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f13
}'
```
You can open dashboard with a browser: `http://127.0.0.1:9080/apisix/dashboard/`, to complete the above operation through the web interface, first add a route:
![add route](../../../assets/images/plugin/limit-req-1.png)
Then add limit-req plugin:
![add plugin](../../../assets/images/plugin/limit-req-2.png)
You also can complete the above operation through the web interface, first add a route, then add limit-req plugin:
![add plugin](../../../assets/images/plugin/limit-req-1.png)
**Test Plugin**

View File

@ -78,10 +78,9 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f1
}'
```
You can open dashboard with a browser:`http://127.0.0.1:9080/apisix/dashboard/`to complete the above operation through the web interface, first add a route:\
![ ](../../../assets/images/plugin/skywalking-1.png)\
Then add skywalking plugin:\
![ ](../../../assets/images/plugin/skywalking-2.png)
You also can complete the above operation through the web interface, first add a route, then add skywalking plugin:
![ ](../../../assets/images/plugin/skywalking-1.png)
## How to set endpoint

View File

@ -81,7 +81,7 @@ curl http://127.0.0.1:9080/apisix/admin/consumers -H 'X-API-KEY: edd1c9f034335f
}'
```
You can visit the dashboard: `http://127.0.0.1:9080/apisix/dashboard/`, to complete the above operations through the web interface, first add a consumer:
You also can complete the above operations through the web interface, first add a consumer:
![](../../../assets/images/plugin/wolf-rbac-1.png)
Then add the wolf-rbac plugin to the consumer page:

View File

@ -93,14 +93,10 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f1
}'
```
You can open dashboard with a browser: `http://127.0.0.1:9080/apisix/dashboard/`, to complete the above operation through the web interface, first add a route:
You also can complete the above operation through the web interface, first add a route, then add zipkin plugin:
![](../../../assets/images/plugin/zipkin-1.png)
Then add zipkin plugin:
![](../../../assets/images/plugin/zipkin-2.png)
## Test Plugin
### run the Zipkin instance

View File

@ -61,7 +61,7 @@ curl http://127.0.0.1:9080/apisix/admin/consumers -H 'X-API-KEY: edd1c9f034335f1
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 consumer
可以通过 web 界面来完成上面的操作,先增加一个 consumer
![auth-1](../../../assets/images/plugin/basic-auth-1.png)

View File

@ -66,7 +66,7 @@ curl http://127.0.0.1:9080/apisix/admin/consumers -H 'X-API-KEY: edd1c9f034335f1
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 consumer
可以通过 web 界面来完成上面的操作,先增加一个 consumer
![](../../../assets/images/plugin/key-auth-1.png)
然后在 consumer 页面中添加 key-auth 插件:

View File

@ -68,12 +68,9 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f13
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 route
可以通过 web 界面来完成上面的操作,先增加一个 route,然后在插件页面中添加 limit-conn 插件
![](../../../assets/images/plugin/limit-conn-1.png)
然后在 route 页面中添加 limit-conn 插件:
![](../../../assets/images/plugin/limit-conn-2.png)
#### test plugin
上面启用的插件的参数表示只允许一个并发请求。 当收到多个并发请求时,将直接返回 503 拒绝请求。

View File

@ -85,11 +85,8 @@ curl -i http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`,通过 web 界面来完成上面的操作,先增加一个 route
![添加路由](../../../assets/images/plugin/limit-count-1.png)
然后在 route 页面中添加 limit-count 插件:
![添加插件](../../../assets/images/plugin/limit-count-2.png)
你也可以通过 web 界面来完成上面的操作,先增加一个 route然后在插件页面中添加 limit-count 插件:
![添加插件](../../../assets/images/plugin/limit-count-1.png)
如果你需要一个集群级别的流量控制,我们可以借助 redis server 来完成。不同的 APISIX 节点之间将共享流量限速结果,实现集群流量限速。

View File

@ -76,13 +76,9 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f13
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 route
可以通过 web 界面来完成上面的操作,先增加一个 route,然后在插件页面中添加 limit-req 插件
![添加路由](../../../assets/images/plugin/limit-req-1.png)
然后在 route 页面中添加 limit-req 插件:
![添加插件](../../../assets/images/plugin/limit-req-2.png)
![添加插件](../../../assets/images/plugin/limit-req-1.png)
**测试插件**

View File

@ -79,14 +79,10 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f1
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 route
可以通过 web 界面来完成上面的操作,先增加一个 route,然后在插件页面中添加 skywalking 插件
![plugin_skywalking](../../../assets/images/plugin/skywalking-1.png)
然后在 route 页面中添加 skywalking 插件:
![plugin_skywalking](../../../assets/images/plugin/skywalking-2.png)
## 如何设置 endpoint
我们可以通过指定 `conf/config.yaml` 中的配置来指定 endpoint

View File

@ -81,7 +81,7 @@ curl http://127.0.0.1:9080/apisix/admin/consumers -H 'X-API-KEY: edd1c9f034335f
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 consumer
可以通过 web 界面来完成上面的操作,先增加一个 consumer
![](../../../assets/images/plugin/wolf-rbac-1.png)
然后在 consumer 页面中添加 wolf-rbac 插件:

View File

@ -93,14 +93,10 @@ curl http://127.0.0.1:9080/apisix/admin/routes/1 -H 'X-API-KEY: edd1c9f034335f1
}'
```
你可以使用浏览器打开 dashboard`http://127.0.0.1:9080/apisix/dashboard/`通过 web 界面来完成上面的操作,先增加一个 route
可以通过 web 界面来完成上面的操作,先增加一个 route,然后在插件页面中添加 zipkin 插件
![](../../../assets/images/plugin/zipkin-1.png)
然后在 route 页面中添加 zipkin 插件:
![](../../../assets/images/plugin/zipkin-2.png)
## 测试插件
### 运行 Zipkin 实例