You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@servicecomb.apache.org by jb...@apache.org on 2017/12/12 07:05:32 UTC
[14/51] incubator-servicecomb-website git commit: Add blog for SC UI
Add blog for SC UI
Update 2017-10-28-service-centre-ui.md
Project: http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/commit/35d1cbe2
Tree: http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/tree/35d1cbe2
Diff: http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/diff/35d1cbe2
Branch: refs/heads/asf-site
Commit: 35d1cbe2f4ebfee81c926710598e004d6e4e5974
Parents: 90fc85b
Author: Mohammad Asif Siddiqui <mo...@huawei.com>
Authored: Fri Oct 27 11:57:57 2017 +0800
Committer: Willem Jiang <ji...@huawei.com>
Committed: Fri Nov 3 08:08:14 2017 -0700
----------------------------------------------------------------------
_posts/2017-10-28-service-centre-ui.md | 67 +++++++++++++++++++++++
_posts/cn/2017-10-28-service-centre-ui.md | 60 ++++++++++++++++++++
assets/images/ConsumerList.PNG | Bin 0 -> 79573 bytes
assets/images/Dashboard.PNG | Bin 0 -> 103902 bytes
assets/images/InstanceList.PNG | Bin 0 -> 81525 bytes
assets/images/ProviderList.PNG | Bin 0 -> 77030 bytes
assets/images/SchemaList.PNG | Bin 0 -> 80818 bytes
assets/images/SchemaView.PNG | Bin 0 -> 89128 bytes
assets/images/Schematest.PNG | Bin 0 -> 104363 bytes
assets/images/SelectInstance.PNG | Bin 0 -> 93174 bytes
assets/images/Service-Center-UI-Preview.gif | Bin 0 -> 616202 bytes
assets/images/ServiceList.PNG | Bin 0 -> 108323 bytes
12 files changed, 127 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/_posts/2017-10-28-service-centre-ui.md
----------------------------------------------------------------------
diff --git a/_posts/2017-10-28-service-centre-ui.md b/_posts/2017-10-28-service-centre-ui.md
new file mode 100644
index 0000000..81a1a6e
--- /dev/null
+++ b/_posts/2017-10-28-service-centre-ui.md
@@ -0,0 +1,67 @@
+---
+title: "Service-Center Management UI Console"
+lang: en
+ref: service-center-ui
+permalink: /docs/service-center-ui/
+excerpt: "An introduction Service-Center Management Console"
+last_modified_at: 2017-10-30T09:18:43+08:00
+author: Asif Siddiqui
+tags: [service center]
+redirect_from:
+ - /theme-setup/
+---
+
+Service-Center Management UI Console enables user to view the list of MicroServices registered in SC.
+Users can view the detailed information of their MicroServices, Instances and Schemas.
+Service-Center UI also offers a unique feature of testing the Schemas of their MicroServices from UI, Users
+can also download the html client for their Schemas.
+
+### Preview of Management Console
+{: .align-center}
+
+### Features
+Service-Center Management console offers very useful features which makes users easy to use and manage service-center.
+
+### Dashboard
+This is the place where you can get the overall information about the services which are registered in your service-center like total number of services, providers, consumers and total instances. You can also get a list of Services which based on their current status.
+{: .align-center}
+
+
+
+### Micro-Service List
+This is the place where you can see the basic details of all the services which are registered in Service-Centre. You can see the details like MicroService Name, Application Name, Status, Version, Creation time and Instance count. You can also un-register the microservice from Operations Tab if there is no running instances for the microservice.
+{: .align-center}
+
+
+### Instance Details
+This is the place where you can see all the current running instances for the MicroService, you can get the list of endpoints and theri protocols.
+{: .align-center}
+
+
+### Provider List
+This is the place where you can get the list of all the providers for this MicroService.
+{: .align-center}
+
+
+### Consumer List
+This is the place where you can get the list of all the consumers for this MicroService
+{: .align-center}
+
+
+### Schema List
+This is the place where we can get the list of all the Schema's for your MicroService, here you get options of viewing the Schema in Swagger form or Test the Schema on some particular instance. Here you also get an option to Download the Schema file in Html Client form.
+{: .align-center}
+
+For Viewing the Schema in Swagger from you can click on Test Schema button and you can view the completet details of Schema in Swagger form.
+
+{: .align-center}
+
+If you wish to test the Schema on some particular Instance then you can click on Test Schema and select the instance on which you want to test the Schema and then select the endpoints for that instance.
+{: .align-center}
+
+
+Once you selected the instance then you are ready for testing the Schema, you can input the required parameters for the Schema and hit on 'Try it Out' Button.
+{: .align-center}
+
+
+##### You can have a look at the [Quick Start Guide](https://github.com/ServiceComb/service-center/tree/master/frontend#quickstart-guide) to know about how to bring up the Management Console.
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/_posts/cn/2017-10-28-service-centre-ui.md
----------------------------------------------------------------------
diff --git a/_posts/cn/2017-10-28-service-centre-ui.md b/_posts/cn/2017-10-28-service-centre-ui.md
new file mode 100644
index 0000000..79d8e75
--- /dev/null
+++ b/_posts/cn/2017-10-28-service-centre-ui.md
@@ -0,0 +1,60 @@
+---
+title: "Service-Center Management UI Console"
+lang: cn
+ref: service-center-ui
+permalink: /docs/service-center-ui/
+excerpt: "An introduction Service-Center Management Console"
+last_modified_at: 2017-10-30T09:18:43+08:00
+author: Asif Siddiqui
+tags: [service center]
+redirect_from:
+ - /theme-setup/
+---
+
+Service-Center Management UI Console enables user to view the list of MicroServices registered in SC.
+Users can view the detailed information of their MicroServices, Instances and Schemas.
+Service-Center UI also offers a unique feature of testing the Schemas of their MicroServices from UI, Users
+can also download the html client for their Schemas.
+
+### Preview of Management Console
+{: .align-center}
+
+### Features
+Service-Center Management console offers very useful features which makes users easy to use and manage service-center.
+
+#### Dashboard
+This is the place where you can get the overall information about the services which are registered in your service-center like total number of services, providers, consumers and total instances. You can also get a list of Services which based on their current status.
+{: .align-center}
+
+
+#### Micro-Service List
+This is the place where you can see the basic details of all the services which are registered in Service-Centre. You can see the details like MicroService Name, Application Name, Status, Version, Creation time and Instance count. You can also un-register the microservice from Operations Tab if there is no running instances for the microservice.
+{: .align-center}
+
+#### Instance Details
+This is the place where you can see all the current running instances for the MicroService, you can get the list of endpoints and theri protocols.
+{: .align-center}
+
+
+#### Provider List
+This is the place where you can get the list of all the providers for this MicroService.
+{: .align-center}
+
+#### Consumer List
+This is the place where you can get the list of all the consumers for this MicroService
+{: .align-center}
+
+#### Schema List
+This is the place where we can get the list of all the Schema's for your MicroService, here you get options of viewing the Schema in Swagger form or Test the Schema on some particular instance. Here you also get an option to Download the Schema file in Html Client form.
+{: .align-center}
+
+For Viewing the Schema in Swagger from you can click on Test Schema button and you can view the completet details of Schema in Swagger form.
+{: .align-center}
+
+If you wish to test the Schema on some particular Instance then you can click on Test Schema and select the instance on which you want to test the Schema and then select the endpoints for that instance.
+{: .align-center}
+
+Once you selected the instance then you are ready for testing the Schema, you can input the required parameters for the Schema and hit on 'Try it Out' Button.
+{: .align-center}
+
+##### You can have a look at the [Quick Start Guide](https://github.com/ServiceComb/service-center/tree/master/frontend#quickstart-guide) to know about how to bring up the Management Console.
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/ConsumerList.PNG
----------------------------------------------------------------------
diff --git a/assets/images/ConsumerList.PNG b/assets/images/ConsumerList.PNG
new file mode 100644
index 0000000..a517995
Binary files /dev/null and b/assets/images/ConsumerList.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/Dashboard.PNG
----------------------------------------------------------------------
diff --git a/assets/images/Dashboard.PNG b/assets/images/Dashboard.PNG
new file mode 100644
index 0000000..d33ef37
Binary files /dev/null and b/assets/images/Dashboard.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/InstanceList.PNG
----------------------------------------------------------------------
diff --git a/assets/images/InstanceList.PNG b/assets/images/InstanceList.PNG
new file mode 100644
index 0000000..45b5897
Binary files /dev/null and b/assets/images/InstanceList.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/ProviderList.PNG
----------------------------------------------------------------------
diff --git a/assets/images/ProviderList.PNG b/assets/images/ProviderList.PNG
new file mode 100644
index 0000000..8db0fd5
Binary files /dev/null and b/assets/images/ProviderList.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/SchemaList.PNG
----------------------------------------------------------------------
diff --git a/assets/images/SchemaList.PNG b/assets/images/SchemaList.PNG
new file mode 100644
index 0000000..70245de
Binary files /dev/null and b/assets/images/SchemaList.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/SchemaView.PNG
----------------------------------------------------------------------
diff --git a/assets/images/SchemaView.PNG b/assets/images/SchemaView.PNG
new file mode 100644
index 0000000..65769b9
Binary files /dev/null and b/assets/images/SchemaView.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/Schematest.PNG
----------------------------------------------------------------------
diff --git a/assets/images/Schematest.PNG b/assets/images/Schematest.PNG
new file mode 100644
index 0000000..a81d470
Binary files /dev/null and b/assets/images/Schematest.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/SelectInstance.PNG
----------------------------------------------------------------------
diff --git a/assets/images/SelectInstance.PNG b/assets/images/SelectInstance.PNG
new file mode 100644
index 0000000..95c8f11
Binary files /dev/null and b/assets/images/SelectInstance.PNG differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/Service-Center-UI-Preview.gif
----------------------------------------------------------------------
diff --git a/assets/images/Service-Center-UI-Preview.gif b/assets/images/Service-Center-UI-Preview.gif
new file mode 100644
index 0000000..8bc6adc
Binary files /dev/null and b/assets/images/Service-Center-UI-Preview.gif differ
http://git-wip-us.apache.org/repos/asf/incubator-servicecomb-website/blob/35d1cbe2/assets/images/ServiceList.PNG
----------------------------------------------------------------------
diff --git a/assets/images/ServiceList.PNG b/assets/images/ServiceList.PNG
new file mode 100644
index 0000000..7863125
Binary files /dev/null and b/assets/images/ServiceList.PNG differ