Prerequisites:

  1. Nodejs should be installed on your machine. To install Node.js please visit (https://nodejs.org)
  2. MongoDB should be installed on your machine. To install MongoDB please visit (http://www.mongodb.org/downloads)

Introduction:

MongoDB is a free form database which has ability to store structured and unstructured data. In our example below we will see how to upload a file via SAP UI5 application and store it in MongoDB.

We are going to use Node.JS as middleware which has already given sample of APIs to interact with MongoDB, I will cover it in my next blogs.

Let the fun begin!!

Step 1: Develop SAP UI5 screen to upload document.

I am using Eclipse IDE for writing SAP UI5 code. Initially we created SAP UI5 view.xml (refer image 1.1 view.xml)

                                                                   1.1 view.xml

 

Once our view is ready it’s time to develop controller.js (refer image 1.2 controller.js )


                                                               1.2 Controller.js

 

Step 2: Setup MongoDB

Here in step 2, install MongoDB (suppose installed in D drive) in your system, go to ‘bin’ folder and start the server using ‘Command Prompt’ as shown below

Path : D:\MongoDB\Server\3.2\bin>mongod

                                                              2.1 Starting MongoDB Server

 

“mongod” is the command for starting the server. Once server gets started it will automatically gets connected to port no. 27017

Step 3: Logic in NodeJs to upload document

Now we will write code in NodeJs for uploading document in MongoDB.

                                                               3.1 Nodejs logic

 

As shown in above fig. 3.1, we have provided uri=’mongo://localhost/files’ where ‘files’ is Database present in MongoDB. (Note: No need to create database manually, mongoDB will create it automatically).

Step 4: Connecting pieces

We are done.. thats it.

Here we will see the flow of code, initially view.xml gets called i.e. when we run our code we get following output and we will select any random file (suppose here with name “SAP UI.pdf”)

Note: Dont forget to start nodejs file.


4.1 Selecting a document

 

Now When we click on Upload button, “getData” function will get called which is written in controller and then Nodejs function will get called i.e. “/uploadFiles”.

And finally, file will get uploaded in MongoDB. We have a MongoDB management tool known as “Robomongo” where we can see document details which we have uploaded else we can also see it in command prompt.


4.2 Screenshot of file saved in Robomongo

 

To report this post you need to login first.

3 Comments

You must be Logged on to comment or reply to a post.

Leave a Reply