AppBuilder – Connect to SAP Mobile Platform Cloud Version [AppBuilder is now deprecated, use WebIDE]
Hi there.
A couple of month ago SAP Mobile Platform Cloud Version was released as mentioned by my colleague Jens Koerner. Also for some weeks now AppBuilder was released to our community (SAP AppBuilder Developer Center ). Since AppBuilder is perfect to be used for mobile Apps, it seems natural to combine those worlds: AppBuilder to be the technology for the client development and SMP Cloud as Mobile as a Service (MaaS) to run the App.
So prepare your AppBuilder environment and follow me to configure an AppBuilder datasource connected to SMP Cloud.
Prerequisites:
- HANA Cloud Platform Trial Account (Get your free developer license for SAP HANA Cloud Platform in 5 minutes )
- Running AppBuilder ( SAP AppBuilder Developer Center )
- An already configured SMP Application ( How to use the SMP Cloud with Copy & Paste )
- A backend connection ( Sign up and get started with the SAP Gateway – Demo Consumption System )
Now let’s start:
Start AppBuilder and create a new App by clicking the “New” button on top of the welcome screen.
In the dialog that appears just type in a project name like : “SMPCLOUDDEMO” and click “confirm”.
Then click “SMP Settings” in the Help menu.
A dialog appears that lets you configure to which SMP Application you want to connect to.
This Application is a configuration container that hold information about your backend, your registrations, settings and a lot of other details. It is important here that we configure the correct values (case sensitiv).
In my Blog How to use the SMP Cloud with Copy & Paste I used the Application ID “firstApp”. Here is how it looks like in SMP Cloud Trial:
Now set the configuration settings in AppBuilder. The Profile name is up to you to decide. The server URL depends on your SMP Cloud URL. It typically consists of “smp-” followed by your SCN user ID follwed by “trial.hanatrial.ondemand.com”.
Choose “firstApp” as Appcliation ID and Security Config. Type in the Username and Password from the backend.
Confirm the settings. The dialog will disappear. In the lower left corner of AppBuilder click on “SMP SERVICES”. Select the pencil tool.
A dialog appears. Here you choose the “smpcloud” profile selection box on top of the dialog. Then click RETRIEVE.
If you have everything setup up correctly AppBuilder will now onboard itself to your SMP Cloud Account and retrieves the OData Service Document. It will then list all available services in the list on the right side.
Confirm the dialog by pressing “CONFIRM”.
That’s all. You can now use the datasource in your superlist and directly see live data while you are coding.
To learn more about the Superlist read this tutorial: AppBuilder Tutorial – SuperList
Hope you enjoyed this little tutorial.
Have Fun,
Martin Grasshoff
If I have a Hana XS application with native authentication, could I leverage this stack to develop mobile clients against that application?
Are there any docs or blogs to that effect?
Hi.
Well if you like an HTML5 Application, you can give it a try. You can connect AppBuilder also to an OData feed from HANA XS if you like.
Otherwise you have the option to build a native Android or iOS App, it depends on the use case.
-Martin
Thanks for sharing Martin, this is great direction to move forward.
Warm Regards
Hemendra
Hi this is a great article.
Would you happen to know if its possible to connect AppBuilder to a local copy of SMP 3.0 SP01, rather than the cloud version.
Regards
Jason
Hi Jason.
Yes, that is absolutely possible. Just point to your SMP on-premise URL.
Have Fun,
Martin
Hi Martin,
Thanks Alot
Jason
Hello Martin,
I am trying to configure SMP settings in my app designer and I am getting following error:
Failed to connect to SMP Onboarding Service. The error message is:
{}
Is there any way to debug/trace the reason for this error?
Thanks,
Kind Regards,
Arpit
Was having same issue - cracked it at least for annonymous login configuration ... see below ... screenshost for AppBuilder 1.0.1251 ...
hi,
I tried the above steps but still am getting
Failed to connect to SMP Onboarding Service. The error message is:
{}.
any idea what else should be tried
hi Arpit,
Even I am facing similar issue .However in my case earlier I was able to connect to SMP onboarding service but now on retreving connection getting error message
Failed to connect to SMP Onboarding Service. The error message is:
{}
if you have any idea to resolve this please share it.
Hello Aditi,
The reason I had problem was because I was using "Google Chrome Canary" as browser to launch my appbuilder. The moment I change it to Google Chrome it worked fine for me. Unfortunately I am unable to think any particular reason but logically thinking as you were able to connect to SMP onbaording service. The error could be in your service end point or odata service itself. It's just a guess!!
Regards,
Arpit
Thanks Martin,
I followed your steps and its working. Thanks a lot.
Hi Martin ,
I have a on premise install of SAP Mobile Platform and I'm trying to config AppBuidler to send my app to SMP and I get an error.
Here are the differences from your example 🙂 (case sensitive)
1. My app is called "Test" and app id is "com.test"
2. so here is my SM app profile:
but when I am trying to "Retreive" data, I get an error:
Failed to connect to SMP Onboarding Service. The error message is:
{"message":"HTTP request failed","request":{"headers":{"X-SUP-SC":"com.test","Authorization":"Basic bWFyaXVzOmV0ZG1pbnUzMDA=","Accept":"application/atom+xml,application/atomsvc+xml,application/xml","DataServiceVersion":"1.0","Content-Type":"application/atom+xml","MaxDataServiceVersion":"3.0"},"requestUri":"https://<server-name>:8083//odata/applications/latest/com.test/Connections","method":"POST","data":{"DeviceType":"iPhone"},"recognizeDates":false,"callbackParameterName":"$callback","formatQueryString":"$format=json","enableJsonpCallback":false,"inferJsonLightFeedAsObject":false,"body":"<a:entry xmlns:a=\"http://www.w3.org/2005/Atom\" xmlns:m=\"http://schemas.microsoft.com/ado/2007/08/dataservices/metadata\" xmlns:d=\"http://schemas.microsoft.com/ado/2007/08/dataservices\"><a:author><a:name/></a:author><a:content type=\"application/xml\"><m:properties><d:DeviceType m:type=\"Edm.String\">iPhone</d:DeviceType></m:properties></a:content></a:entry>"},"response":{"requestUri":"https://<server-name>:8083//odata/applications/latest/com.test/Connections","statusCode":0,"statusText":"","headers":[],"body":""}}
What am I doing wrong?
I tried with SMP admin user and pass, SUP admin user and pass, GW user and pass, Back-end user and pass ... same response.
Thank you in advance,
Marius
Make sure SMP server is accessible from your system (ping), make sure backend and security is configured properly in SMP cockpit. Also check whether the port 8083 is open and accessible from your system (telnet). The credentials you need to pass is GW credentails. You can check the backend url configured is working from a web browser.
Midhun VP
Hi Midhun,
SMP is accessible, it's on the same virtual machine as AppBuilder.
Back-end is accessible, and the service works just fine, http://:8000/sap/opu/odata/sap/Z_AUTH_SERVICE/
Here is my back-end tab:
and my authentication tab
Everything else is standard 🙂 (with standard values, null, 0, default, etc 🙂 )
Any clues ? 🙁
Are you able to ping the application you created ?
If u refer to the GW server, yes ... I can
Select the created application in Cockpit> Ping. You should get a success message as in last image in this blog,SAP Mobile Platform 3 tutorial using Integration Gateway - Part 1
Midhun VP
Did. Works well (meaning i get the same success message).
Alright. You are using a port 8083, but the default port is 8080. Could you check whether it is working with 8080 instead of 8083. 8083 is a default port used by Integration gateway.
Where should I change the port 8083? The only place i see it, is at the SMP cockpit startup link.
I mean change the port you are giving in the appbuilder connection settings under server URL property.
I get the same error 🙁
Any other ideas Midhun, Martin, Ming Kho?
Can you please help?
Thanks Marius
Sorry, no more ideas.
Hi Marius,
Please try remove the trailing slash '/' at the end of the Server URL in the SMP Profile
e.g.
from:
http://your-server.address.com:8083/
to:
http://your-server.address.com:8083
Regards
Ming
I made the change, it's the same result.
"Failed to connect to SMP Onboarding Service."
Q: Do all of them (com.test - app ID - and com.test - security config) have to be already created on the SMP? At the moment I have both of them created there. Is there anything else that needs to be creatd in the SMP Cockpit?
Use port 8080, use HTTP instead of https and check.
ex.http://your-server.address.com:8083/
Worked 😀 Like a charm 😀 ,
PS: Trying the actual deploy now to SMP...
PS2: All done. The app is registered in SMP I have 1 user, 1 registration, 1 app. Now how do I deploy it to my device ? 🙂 )))
Read the comments I given in the blog to install the app in device,SAP Mobile Platform 3 tutorial using Integration Gateway - Part 2
Hi
I hav established the connection ,created an app consuming the Odata service.
Need help on Deployment of Appbuilder application on SMP server
Please if you can let me know how to deploy the the app
I have created cordova application it shows sucess 100%
Deploy on SMP server 100% but it is not getting launch on simulator .
Please let me know the steps for deployment.
Could you follow this document: Developing SMP 3 Mobile App using Appbuilder, Kapsel and SMP 3 Trial - Part 1
Hi Experts,
May I get your feed backs for below questions?
1- Can we say AppBuilder is positioned as RAD tool?
2- When we say some dev tool supports RAD, how we evaluate the RAD capabilities of tool?
3- Is AppBuilder capable of supporting complex Use Cases to develop?
To my understanding, if any developer is comfortable working with any development tool(Netbeans, JavaScript IDEs etc supporting drag and drop features) of his/her choice, he can develop things faster than a developer who is recently trained on AppBuilder.
Best Regards,
HI Mohammed,
AppBuilder is no longer maintained.
Please take a look at the WebIDE.
Getting started with SAP Web IDE trial version from registration to running application
Regards,
Martin