Digital Success. One and Done.TM
Experience the best of everything Caspio has to offer.
Start Your Free Trial in 30 Seconds
Learn to Build Caspio Apps for FREE
Stretch the Limits of Low-Code: Mobile Apps, Messaging, Integrations & More
Stand With Ukraine
We're ranked the strongest of all vendors based on product strengths.
SiteRocket Labs Transforms Healthcare Delivery
Builds HIPAA-compliant apps and slashes development time by over 60%.
Low-Code Fuels National Energy Company
J-W Power meets demand for custom apps despite limited IT resources.
Build Your Own CRM Without Coding or IT Skills
Learn how to create a custom CRM application in a matter of hours.
Caspio Powers Over 1 Million Applications
Low-code pioneer continues to democratize application development.
Build custom applications fast, without any coding or IT skills.
Ned Pajic: Hello. And welcome back. My name is Ned. I am a technical evangelist at Caspio. And in this final video of this course, I will be teaching you how to deploy this entire application onto a website. This is the fun part. This is one of my favorite things about Caspio deployment. It’s a seamless deployment method that Caspio has, and you will see how quickly and easily we can publish each of these data pages to our website. Let me show you my webpages for this application.
We’re gonna need a total of eight webpages. My very first webpage that I’ll begin with is the login.HTML. And this is for the customers where we’re gonna deploy the login screen for that redirect to take the customer from the login page to submit request HTML. For those of you who don’t know how to code an HTML, please keep in mind that Caspio is compatible with many website builders nowadays.
So if you plan on using Weebley, Yola, WordPress. Keep in mind that you can build your website using a drag and drop method rather than working directly inside the code, the way I have it in my example here, but that is my comfort level. I understand HTML. So I will be embedding my applications inside the HTML pages.
So let’s go back to Caspio and let’s grab that customer login screen. So this is the redirect that’s supposed to take me from the login screen to submit a new request. So we’re gonna click on deploy. I will enable access and I will grab the embed code. The Caspio provides. All I need to do is copy that code. Go back to my HTML file and very simply paste the code where I want that login screen to be deployed. When you’re done, just save your document, go back to your website, refresh the page, and you should now be able to see that login screen seamlessly embedded into your website.
It’s really that easy. Just copy paste and bed. Now I don’t have my heading above the login screen. I can very quickly input that, but just to save on time, let’s go ahead and deploy the rest of our data pages. One thing that you may want to consider doing at this point is to grab the login URL where you have this login screen deployed, go back to Caspio on the authentications, edit the customer login authentication, and under the advanced settings, you’re gonna find this section for logout destination, click on change, go to a new page, and then paste that URL in this field and click save. What this is going to do is when a user clicks on the logout link, it’s going to redirect them back to the login page. You can also do the same thing for timeout and redirection. So click on change, go to a new page and same thing. And here you can specify after how long you want that user to be logged out. Let’s just put one week. It’s save and then hit save one more time.
Now let’s go back to data pages. Let’s grab the embed code for the service form. So we’re gonna hit deploy once again, enable access, grab the embed code, go back to my HTML document and for submit request, we’re going to paste the code, save our changes. And now let’s go ahead and test this out. We’re gonna go back to our website, refresh and let’s log in as John. And as soon as John logs in, you will see how I’m redirected to submitrequest.HTML. That’s what that script is doing. It’s basically taking the user from one webpage to another, and now we have the ability to fill out a service request. Under my navigation, notice I have a logout link. What I need to do next is go back to Caspio. Once again, go into the authentications object, click on properties, and very simply just grab this URL that Caspio provides go back to your HTML document and wherever you create that logout link in between the quotes, just paste that logout URL link, save your changes again, and watch what happens on the website.
Let’s refresh, click on the logout link again, and now it should take me back to the login screen where the customers can log in once again. So that’s the idea behind a logout link and that redirect. So when you log out of the application, it immediately takes you to that URL that you specified. Now let’s deploy our service rep data pages. Once again, go back to Caspio go back to data pages and under service reps, let’s begin with the login, enable access, grab the code.
Here’s my login screen for the service reps. We’re going to paste the code like this, save our changes and let’s refresh just to verify, and it looks good. Let’s go out and deploy the rest of the data pages. The next one in line is gonna be pick new service request, grab the embed code and just repeat the process for each one of your webpages and data pages paste. Now we can do this a little bit quicker. Let’s grab the manage assigned service request, grab the deploy code, find that webpage, I called it managed requests, deploy to code, save your changes. And one last one, which is the approved decline requests, back to the HTML document. And let’s go ahead and paste that deploy code. Once again the thing that you may wanna do at this point is to grab the logout link for your service reps, go back to Caspio in inside the authentication, edit the service rep authentication and in the advanced settings, make sure you paste that link under logout destination, do the same thing for timeout and redirection and save your changes. At this point, you may also wanna click on the properties link to grab the logout URL.
Once again, go back to the HTML document and wherever you have that logout link created, just go ahead and paste that one line of code that Caspio provides. And that’s all we have to do. Let’s try it out back to our website. Let’s log in as Ken and now I’m logging as Ken. And as you can see in this report at the moment, we don’t have any requests. Let’s go to manage requests. Once again, no records found this report, however, should have one because in the prior video, we were able to see how the approving manager was able to approve the request. So we should be able to see that in this report. And now when I log out, it should take me back to the login screen for the employees for this service reps.
Now one more step is left for the approving managers as well. This is the very last one. So let’s go back to Caspio click on data pages, approving managers, and as you can see, I forgot to build one more data page. So I need to create that redirect for the approving managers as well. I’m gonna do that very quickly. I will select HTML data page click. Next. I’m going to call this approving manager login screen, and I’m going to restrict access to the approving managers. Click next, disable the HTML editor, and very quickly just input my script that allows me to redirect, click finish.
Let’s deploy that script, grab the deploy code, copy it. Log screen for the approving managers, paste the code, save our changes and let’s go to our website.
And there’s that login screen again, don’t forget to grab the URL of the login page. Go back to Caspio. One more time. Click on the authentications, edit the approving manager authentication. Now expand the advanced settings and very simply just input your logout destination URL. Save your changes once again, for the time out of redirection, go to a new page, it’s save and save your final changes. Here you can also grab the logout link from the properties, copy it back to the HTML document and just make sure you paste that URL for the logout link. So let’s deploy that final data page back to Caspio data pages and click on deploy for that final data page. We’re gonna grab the embed code back to the HTML file and paste to code back to our website. Let’s log in as Jane.
And there’s my report. Of course, it’s not showing any service requests because there aren’t any in the bucket at this point. And now when I log out is Jane it once again, takes me back to the login screen for the approving manager and there you have it. There is our entire application that we were able to build very quickly. Believe it or not. Once you actually start building these applications, you can literally build this entire workflow in less than half an hour. If I wasn’t explaining anything in these videos, I could build this in literally 15, 20 minutes. That’s how long it would take me. And with enough practice, you’re gonna be able to build these applications just as quickly as I can. So there is a bit of a learning curve with Caspio, but hopefully if you followed along with the course and you were able to in parallel mimic some of the things that I created in this course, you will see how easy it is and things will make sense, once you start deploying these things to a website, truly hope that you enjoy the course. Let us know your thoughts and how you felt about the course. We are going to be building additional data pages and additional lectures in the future. So let us know if there’s something specific you would like to see and myself and our team will put together the content and deliver that for you. Thanks so much again, I really hope that you enjoy the course and we’ll see you soon again, bye bye.
Share this post:
Caspio is the world’s leading cloud platform for building online database applications without coding. Start a free trial today and experience the power of no-code.
© 2023 Caspio, Inc. Sunnyvale, California. All rights reserved.