Running the ESPM Twitter Integration sample app on SAP Cloud Platform

Transcription

1 Running the ESPM Twitter Integration sample app on SAP Cloud Platform By Daniel Gomes da Silva Learn how to download, build, deploy, configure and run the ESPM Twitter Integration JAVA sample app on SAP Cloud Platform You will learn This cool sample app will show you how to integrate Twitter to your Java app. It uses Twitter for OAuth authorization and show how to call a Twitter API to publish a tweet from your app. Tags Intermediate Java Cloud SAP Cloud Platform Prerequisites Basic knowledge about JAVA and OAuth authentication. Oracle Java SE Development Kit (JDK) 8 Eclipse Neon SAP Development Tools for Eclipse SAP Cloud Platform Neo Environment SDK, Java Web Tomcat 8 Set Up the Runtime Environment in Eclipse, Java Web Tomcat 8 Runtime Sign up for a free trial account on SAP Cloud Platform

2 Details In this app, customers log in using Twitter as OAuth authorizer. Using Twitter ID, they can shop and tweet about the products they bought. These are the steps to download, build, deploy, configure and run our Twitter Integration app. Step 1: Create ESPM Application in Twitter 1. Register ESPM Web Shop application in the developer or API portion of Twitter website ( by clicking on Create New App. 2. Enter the Application Name (for example: Twitter_Integration), Description, Website (for example: Callback URL (for example: then click on Create your Twitter Application button. Note: We need to set a sample callback URL to retrieve the Request Token and get the Access Token with OAuth_verifier parameter, which will be added to the actual callback URL in the application upon successful login. 3. Click on Keys and Access Tokens tab, then take note of Consumer Key and Consumer Secret key.

3

4 Step 2: Configuring Maven in Eclipse 1. in Eclipse, click on menu Window > Preferences if you are on Windows, or press Command +, if you are on Mac. 2. Navigate to Maven > User Settings. 3. Click on Open file under User Settings. If you do not have one, create the file /Users/your-user-name/.m2/settings.xml. 4. The contents of the settings.xml file should look like the snippet below. <settings xmlns=" xmlns:xsi=" xsi:schemalocation=" <localrepository>${user.home}/.m2/repository</localrepository> <profiles> <profile> </profile> <id>development</id> <activation> </activation> <properties> </properties> <activebydefault>true</activebydefault>

5 </profiles> <proxies> <proxy> <active>true</active> <protocol>http</protocol> <host>proxy</host> <port>8080</port> </settings> </proxies> </proxy> Note: For most people, the proxy value does not need to be set, so you can remove the entire proxy section from the snippet, but if you are working behind a proxy, then it should be set as per your environment.

6 Step 3: Configuring Git in Eclipse 1. in Eclipse, click on menu Window > Preferences if you are on Windows, or press Command +, if you are on Mac. 2. Navigate to Team > Git > Configuration. 3. Add the following configuration: Note: For most people, the proxy value does not need to be set, but if you are working behind a proxy, then it should be set as per your environment.

7 Step 4: Cloning Git repository and importing Maven project 1. Open with your web browser. 2. Click on Clone or download, then on Copy to clipboard icon. 3. In Eclipse, go to menu Window > Perspective > Open Perspective > Other. 4. Select Git and press OK.

8 5. In Git Repositories box, you will see three links. Click on the Clone a Git repository link. 6. Because you copied before the project repository URL to your clipboard, the fields of the opened dialog are filled automatically with the correct values. So do not change anything, just click on Next >.

9 7. Select only the Twitter_Integration branch, then press Next >.

10 8. On the last wizard page you can adjust the location of the local Git Repository, but for the scope of this tutorial we will just leave the default as-is. Copy the path and click on Finish. 9. Go to menu File > Import > Maven > Existing Maven Projects.

11 10. Paste the path of your downloaded project. 11. Click on Finish.

12 Step 5: Building the Maven project 1. In Eclipse, go to menu Window > Perspective > Open Perspective > Other. 2. Select Java EE and press OK. 3. In the Project Explorer window, right click on espm project folder and choose Maven> Update Project.

13 4. Press OK and wait until the update is finished.

14 5. In the Project Explorer window, right click on espm project folder and choose Run As> Maven build. 6. In the goals field, write clean install, then click on Run.

15 7. In the console window, you should have a BUILD SUCCESS info. 8. Update your project again like on step 3.

16 Step 6: Deploying the application on SAP SCP via the cockpit 1. Log in to SCP on your trial account, then click on Applications > Java Application > Deploy Application. 2. Set the fields as described below, then click on Deploy. Field Name Value War File Location <Your_Project_Folder>/espm-cloud-web/target/espmcloud-web.war Application Name espm Runtime Name Java Web Tomcat 8 JVM Version JRE 8

17 3. Wait until the deploy process is finished, but do not start the app yet.

18 Step 7: Setting up Destination for Twitter Integration 1. In SCP Cockpit, click on Applications > Java Applications > your app (espm) > Configuration > Destination. 2. Click on New Destination and then fill out the form with the following info: Field Name Value Name twitteroauth Type HTTP URL <Any_Website_URL> Proxy Type NoAuthentication consumerapplicationkey (new property) <Consumer_Key> (Twitter, step 1) consumerapplicationsecret (new property) <Consumer_Secret> (Twitter, step 1)

19 3. Click on Save.

20 Step 8: Binding the database to ESPM application 1. On left menu of SCP cockpit, click on SAP HANA / SAP ASE > Databases & Schemas. 2. Click on the new button 3. In the pop-up window, enter the Schema ID as espm and leave the Database Systemas HANA <shared>. 4. Click on Save. 5. Go back to the main cockpit page, then click on Applications > Java Applications > your app (espm) > Configuration > Data Source Bindings.

21 6. Click on New Binding. 7. In the pop-up window, set the DB/Schema ID as espm, then click on Save.

22 Step 9: Testing your application 1. In the context menu on the left, click on Overview. 2. Click on Start and wait until the status changes to Started. 3. Click on the Application URL. 4. You will be authenticated with your Twitter credentials. If you are already logged in, you will see the following, otherwise enter your Twitter credentials. 5. Add a product to your chart.

23 6. Click on the chart icon. 7. Click on Go to checkout. Press Step 2 and fill out all the fields, then click on Step 3.

24 8. Click on Review, then Place an order.

25 9. Click on Tweet and check in your Twitter page your app s tweet.