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 <[email protected]> Authored: Fri Oct 27 11:57:57 2017 +0800 Committer: Willem Jiang <[email protected]> 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
