Deploy a Python Visualization Panel App to Google Cloud App Engine

Key Takeaways

how to deploy a python visualization panel app to google cloud using the google cloud app engine we're going to cover four steps the first step is google cloud setup second is to create a panel app and the third is to deploy the planner app to the google cloud app engine and finally we're gonna try to set up the github actions for automating the workflow you should be able to create a panel app that looks like this and this is running on google cloud um i know this this is a simple very simple demonstration with a few lines of code this is not a pre printed demo but this is just for a simple demonstration panel is a very powerful tool there is a website called awesomepanel.org where you can see all the pretty python visualization projects yeah check it out if you're interested in the panel app step google cloud setup you can go to this page this is the app app engine python 3 quick start and then it listed a couple steps we need to do let's first go to the project selector and create a new project let's call it piano demo project id panel demo is it taken cool okay so let's go to the second thing we need to enable the billion um i think billion right you need to enable billing on the project signing to manage billing accounts yeah we can create an account here here i have an account and it is covered for all my projects so we're all set over there but if you don't have billions set up you might want to set it up right now third step is to enable the cloud build api let's do that very quick yeah here we see we're on the right project or to enable it and finally we have the install and initializing the cloud sdk yeah you can follow the steps i already did this one so um i will not show you this step but you can just go through this it's really easy so now if we we're in the terminal we should be able to do gcloud in it to initialize the cloud sdk i already did that and then we need to do the uh set project to the current panel gcp demo project and now i can go to the next step create a panel app uploaded all my files to this github repo let's go through all the files here we have the app.pi which is the python file that creates the panel app if you run panel serve in your command line locally you can serve it locally and then second we have the requirements.txt which lists all the package dependencies our panel app depends on and finally we have the app.yaml this is the app engine configuration file for the panel app which depends on bokeh we need to define the environment as as the flexible environment um i think it's because the app engine flexible environment supports web sockets um if your if your app doesn't depend on okay you might not need the flexible environment and then we need to define the entry points um yeah this should work just for everybody and deploy our app to the google cloud app engine with those three files first of all we need to initiate your app engine app okay now we can do g cloud app deploy to see if that works seven minutes let's finish running now we can see what it looks like so that's all this window opened up now i can see that this app has been served on google cloud yay with our demo project that is great so in our repo we have this github workflows in python app demo file this is the configuration for github actions we're telling it whenever we're pushing a change to our main branch um it will run the job of deploy and app engine app so it will redeploy every time we push changes to main maine yeah so the only thing we need from here is the uh the project and also the credentials of the project um this is the we need to create a service account and put the credentials here um so the secrets are actually stored right here gdp credentials and uh gcp project okay i'm gonna show you how to get the credentials next it's on this page where we enable the im api next enable here we go to create a service account select the right project for github options options create and continue select row we do owner continue and that's it okay so we have all the service account for the project so this is the one we just created we can take a look okay this next thing we need to do is we need to create keys now we need to create a new key and save it as a json file let's do it okay now it's saved here i open up the json file i'm just gonna copy and paste it into the github section credentials update value day value here an update project we have panel gcp demo okay now it should work okay now let's make some changes to our repository our files right how about let's create a new app up let's call it app 1. i'll just do the exact the same thing here and then for [Music] the app.ymo let's try to serve both apps at the same time see what happens add another app for nine minutes and this build runs successfully and we we can go to this page again we see there are two apps you can go to either one of the app and they look the same because i just copy and paste one nap to another yeah so here is how you deploy things um that's it for today's video thank you