Running the Gloo Platform Portal DevPortal UI locally and in Kubernetes
Welcome to our demo! In this video, we'll show you how to run the Gloo Platform Portal developer portal UI on your local machine and in your Kubernetes cluster. The dev Portal UI is the UI front end for the Gloo Platform Portal, and it's a powerful react-based application. Previous videos Installing Gloo Platform Portal with Helm video: https://youtu.be/8xddcOtSK-U Deploying APIs and API products with Gloo Platform Portal video: https://youtu.be/4a92qQHujBY ? GitHub Repository & Prerequisites Before we dive in, make sure you have the following prerequisites ready: - A Kubernetes cluster - Gloo Platform Portal installed on the cluster (check out our earlier video on that!) - kubectl, nvm, and yarn installed - For detailed instructions, you can find everything you need on the GitHub repository: https://github.com/DuncanDoyle/gp-portal-demo-videos/blob/main/gp-portal-api-deployment.adoc ? Checking the Environment First things first, let's check if everything is up and running in our environment. We'll use "meshctl check" to ensure the portal server is running, and then we'll confirm if the Gloo Platform Portal server is available and hosting any APIs using JQ for a nice output. ? Building the Dev Portal Front-end from Source Next, we'll build the dev portal front-end from source. We'll set the desired nvm version (version 16 in this case) and use a command to bootstrap the dev portal starter UI application from the main GitHub branch. We'll also configure the portal by setting necessary environment variables, including the portal server URL and oauth oidc IDP information. ? Setting Up and Running the UI With everything configured, we'll install the required tools for compilation using "make install tools" and then run the UI with "make run UI." You'll see the dev portal UI come to life on http://127.0.0.1:4000/ in your browser. ? A Course Issue and its Solution We might encounter a course issue preventing us from accessing the dev portal REST API. Not to worry! Course policies are easy to configure within the Gloo Platform. We'll apply a course policy that allows access from the dev portal server UI to our portal server REST API. ⛵ Installing Dev Portal UI with Helm But that's not all! We'll also guide you on installing the dev portal UI in your Kubernetes cluster using Helm. We have a custom Docker container image for the dev portal UI and a demo Helm chart repository with the necessary configuration. ? Helm Chart Installation To make things even more flexible, we'll show you how to use the Helm chart installation with custom values, allowing you to configure the portal server URL, IDP location, and more to suit your environment. ? Accessing the Dev Portal UI Once installed, we'll use "kubectl port forward" to access the dev portal UI via "localhost:4000" but this time running in your Kubernetes cluster. ? Interacting with APIs With the course policy applied, you can now directly access the APIs using the portal front-end. Use Redoc or Swagger view to interact with the APIs deployed on the Gloo Platform Portal. Thank you for watching this demo! We hope you found it helpful. If you have any questions or suggestions for future videos, please let us know in the comments below. Stay tuned for more exciting content, and don't forget to like, subscribe, and hit the notification bell! Catch you in the next one!
Welcome to our demo! In this video, we'll show you how to run the Gloo Platform Portal developer portal UI on your local machine and in your Kubernetes cluster. The dev Portal UI is the UI front end for the Gloo Platform Portal, and it's a powerful react-based application. Previous videos Installing Gloo Platform Portal with Helm video: https://youtu.be/8xddcOtSK-U Deploying APIs and API products with Gloo Platform Portal video: https://youtu.be/4a92qQHujBY ? GitHub Repository & Prerequisites Before we dive in, make sure you have the following prerequisites ready: - A Kubernetes cluster - Gloo Platform Portal installed on the cluster (check out our earlier video on that!) - kubectl, nvm, and yarn installed - For detailed instructions, you can find everything you need on the GitHub repository: https://github.com/DuncanDoyle/gp-portal-demo-videos/blob/main/gp-portal-api-deployment.adoc ? Checking the Environment First things first, let's check if everything is up and running in our environment. We'll use "meshctl check" to ensure the portal server is running, and then we'll confirm if the Gloo Platform Portal server is available and hosting any APIs using JQ for a nice output. ? Building the Dev Portal Front-end from Source Next, we'll build the dev portal front-end from source. We'll set the desired nvm version (version 16 in this case) and use a command to bootstrap the dev portal starter UI application from the main GitHub branch. We'll also configure the portal by setting necessary environment variables, including the portal server URL and oauth oidc IDP information. ? Setting Up and Running the UI With everything configured, we'll install the required tools for compilation using "make install tools" and then run the UI with "make run UI." You'll see the dev portal UI come to life on http://127.0.0.1:4000/ in your browser. ? A Course Issue and its Solution We might encounter a course issue preventing us from accessing the dev portal REST API. Not to worry! Course policies are easy to configure within the Gloo Platform. We'll apply a course policy that allows access from the dev portal server UI to our portal server REST API. ⛵ Installing Dev Portal UI with Helm But that's not all! We'll also guide you on installing the dev portal UI in your Kubernetes cluster using Helm. We have a custom Docker container image for the dev portal UI and a demo Helm chart repository with the necessary configuration. ? Helm Chart Installation To make things even more flexible, we'll show you how to use the Helm chart installation with custom values, allowing you to configure the portal server URL, IDP location, and more to suit your environment. ? Accessing the Dev Portal UI Once installed, we'll use "kubectl port forward" to access the dev portal UI via "localhost:4000" but this time running in your Kubernetes cluster. ? Interacting with APIs With the course policy applied, you can now directly access the APIs using the portal front-end. Use Redoc or Swagger view to interact with the APIs deployed on the Gloo Platform Portal. Thank you for watching this demo! We hope you found it helpful. If you have any questions or suggestions for future videos, please let us know in the comments below. Stay tuned for more exciting content, and don't forget to like, subscribe, and hit the notification bell! Catch you in the next one!