Welcome to this series of hands on
tutorials from the SAP HANA Academy I'm Philip Mugglestone
in this series we're covering SAP Graph
in this video tutorial we're going to see how a
citizen developer can get started
with Low-Code / No-Code application development,
how to create a project using SAP AppGyver that uses SAP Graph
to incorporate data from maybe a couple of different lines of business
systems will also see how we can build that project or
application as a web app and then how we can deploy it
to the SAP Business Technology
Platform
in terms of the overall setup,
we covered that from the administrative perspective in
a previous video tutorial that's been done,
we can see that as we're logged in to the sub account that we're going to be using.
I'm logged in now as my citizen developer,
I've got access to the SAP AppGyver application.
So I'm going to select that I'm going to open the application
and what this does is open up the lobby
and from the lobby we can create new projects so what we might want to do
is to create a new SAP AppGyver project this was going to be a no code project.
So let's select SAP AppGyver project we can give it a name
my app one
and then we'll create
and we see that the composer has been opened
so you can go ahead to start building our web application because we're going to
be using SAP Business Technology Platform. The first thing we
can do is go to the Auth option
and we're going to enable authentication
and we're going to choose the method
SAP Business Technology Platform authentication and then we'll hit OK
what is basically going to do is add
in the authendication needed to your application
once that's been done,
we can then go to the data option and we can choose integrated systems. Effectively
we want to access different LoB systems via SAP Graph
so we can choose add integration and then for SAP systems
we're going to use SAP Business Technology Platform
destinations so let's select that and
notice that we get three different destinations shown so we can
see these are different name spaces within the SAP Graph environment,
we've got the core sap?graph name space and then we've got
these specific ones to go to different LoB system so SAP S/4HANA Cloud
and HCM SAP SuccessFactors in my case,
what I'm going to do in this example is just
go with the ones from SAP Graph so we'll select that
now we can see there are a whole load of
different endpoints so we can pick one for example,
I'm interested in sales orders so I can
look and find there's a sales order entity there
and I can choose to browse data so we can see that the application is able to reach out
and in fact it's going to SAP S/4HANA Cloud in the
back end to get this information about different sales orders
so I'm going to use that as part of my
application so I'm going to choose to install the integration
and enable the data entity
and then I'll hit save what I'd also like to do is look
at workforce persons actually from not from
SAP S/4HANA Cloud but from my HCM system.
So for that one I can actually go and look at the data entity,
find workforce person again.
I can browse the data if I want.
So it's reached out and we can see we're
getting data from our HCM system SAP SuccessFactors in this case
and I'm going to enable the data entity and then I'm going to save
so we've now configured the access to the different entities
on the back end systems that we want to use.
Then it's just simply a case of using them so we can go to the UI canvas.
I'll keep it as very straightforward simple application.
I'm going to go to the marketplace
and I'm going to select the basic list from the marketplace because
that will allow us a very easy integration to the SAP Graph system.
So let's choose basic list
and I'm going to install it
and now I can take the basic list and I can drag and drop it
into my page. I'm gonna drag and drop one there.
I'm gonna drag and drop a second one underneath.
Now for the top one we're gonna have sales order information.
The one below will have workforce persons.
So the top one,
what we do is select it and then choosing the properties the configure option
and this way we can bind it to
a specific data resource that we've previously configured.
So you can see we've got the sales orders and the workforce persons.
So let's choose sales order and we'll have the ID
for ID will have the sold to party purchase order.
ID as the label will have the requested delivery date as the title
and we'll have the inco terms location as the content but of course you can
choose whichever properties or fields that you want so we can then save and exit
now for the second basic list
I'm going to configure it to access the workforce person again we
can drag and drop that relevant fields that we want to see.
So we'll have changed that for content
will have the first name as label and the last
name as the title again I will save and exit
and now I can hit save
of course you can make any other changes to your application that you want to make.
Now we're ready to test that so we can choose the launch option.
We're going to test that as a web application so we'll open up preview portal
so we can see myapp1 here let's go ahead and open it
so we can see that we've got data
coming via SAP Graph from the SAP S/4HANA Cloud system.
So here we've got the sales orders
and below if we scroll down a bit we can see
we've got another table and this time it's got the workforce persons
so we can see that in the same application.
Were accessing in fact two different lines of business systems by using SAP Graph
So that's how we can test it
now.
If you want to actually distribute it,
we want to build that as an application and then deploy it for example,
run it actually within the SAP Business Technology Platform
then we can choose distribute,
open the build service
and then we'll need to choose to configure
right now it's a web app that supported.
So we'll choose web app and configure, you can choose a host name,
assuming if you were going to deploy
it to the SAP AppGyver application environment.
Actually we're not but you need to put it in
any way we're going to choose build scheme of MTAR multi-target application
and then you can choose an an icon, favorite icon etcetera, set permissions.
What will then do is choose the build option.
We'll need to specify what kind of build we want, we're going to build an MTAR
we'll use which client runtime version will go with this latest one
and we need the version for our app.
Well as it's the first one we'll give it 1.0.0 and we'll hit build
now what this does is it launches a batch job basically,
so you need to come back and keep refreshing this
page and potentially you may get an email to tell
you when it's finished so that when your application has
been built you'll be able to download it from here.
So if we just refresh it,
we can see that it's now moved into the status of queued but we're going
to need to wait until the status is actually distribute when we built this,
we'll need to then deploy it and you can't just deploy it from a button here right now.
So what we're going to do is just go back to our lobby
and we're going to actually create a new project
which is going to be a business application,
it's going to actually be a low-code application
because this gives us the environment where we
can easily deploy an application to the SAP Business Technology Platform
so I'm gonna choose business application, I'll give it the same name,
myapp1 but then I'll call it deploy
and hit create
and you'll see that it's
actually gonna use SAP Business Application Studio it'll
take a few minutes to set all of that up.
Now what we want to do once we get here is to go to the little hamburger icon
and then choose view
and then Explorer this will give us a file Explorer.
What we're gonna be able to do is actually
put our archive file our MTAR file of the project
so that we can then deploy it to the Cloud Foundry
environment in SAP Business Technology Platform we haven't got that file yet.
What we need to do is to go back and refresh to see if it's now ready
and now we can see the status is delivered so we can download the MTAR file
then what we need to do
is go to SAP Business Application Studio upload the
MTAR file somewhere in our Explorer view
and then we can see that we've got our MTAR file.
So to deploy it to the Cloud Foundry
environment on SAP Business Technology Platform well right mouse button
and choose Deploy MTA Archive.
It's going to prompt us to log onto the Cloud Foundry environment
so we'll need our Cloud Foundry endpoint you can find this in the cockpit.
I'm going to use the SSO passcode option
instead of putting the credentials in here directly.
So I'll click the link to generate the passcode,
make sure I'm signed in with the right user copy the passcode, paste it in here
and once I'm signed in then I will select the Cloud Foundry organization
and then the space within that organization where I want to actually
deploy the application to So let's hit apply and now the deployment starts
so we can see that it's creating some services for us.
It will actually create an instance of the destination service.
The UAA authentication service. Also the repository host service,
I will actually go ahead and deploy our application for us
so the deployment is now complete. So if we move over to our sub account in the cockpit
and we choose HTML5 applications we can see that our application is there.
So if we click on it,
it will actually launch the application so you can see this is the URL
and it launches the app and noticed it's able to access those back end systems.
Once we've been authenticated we can see the sales orders
and we scroll down a bit more we can see the workforce persons
so we can see that our application has actually been deployed and is running in
the Cloud Foundry environment of the SAP Business Technology Platform. So
that covers what we were going to see
now, it may well be that having done that you want to tear down your application.
So the easy way to do that is to use SAP Business Application Studio
So let's open up a terminal so we'll choose terminal new terminal
then we can use the cf command. The Cloud Foundry command we can choose cf mtas
to see a list of the multi-target application that have been deployed.
We can see that's the one we've got AG106480
that corresponds to what was actually in our archive file
and if we want to un deploy it we can use cf then undeployed
and then give the name
and then we can use some options.
--delete-services
and --delete-service-keys and we can use the force option
so it won't prompt as if if we're sure to do this
and now you can see it goes through the
process of un deploying the application from your Cloud Foundry environment
and if you go back to our cockpit
we can see that the application has now gone.
So in this video tutorial we've seen how a
citizen developer can get started
with Low-Code / No-Code application Development.
We've seen how to create a project using SAP AppGyver that uses
SAP Graph And we've incorporated data from two separate line of business systems.
We've also seen how to build and deploy the project to
the SAP Business Technology Platform and also we saw at the end how to
deploy it afterwards.
You can find more video tutorials on our YouTube channel
if you'd like to be informed as soon as
new video tutorials are published then please subscribe.
Thanks for watching.
Mhm.