Building a Stateful Cloud App on Nimbella or AWS

Building a stateful Cloud App; here’s a comparison of the user experience in Nimbella and AWS, with a handy How-to guide.

Table Of Contents

Building serverless cloud applications? There’s a simple way to do that! This article compares the user experience of Nimbella and Amazon Web Services when creating a voting app, from a developer’s point of view.

For the purposes of writing this article, I built a voting app that allows users to say whether they prefer cats or dogs. Because the data input by the user needs to be saved between sessions for later re-use, this needs to be a stateful app.

Building this app requires two things.

  1. A frontend that displays two voting buttons.
  2. Two cloud functions that save the application’s “state” by calling on key-value storage
A cat and a dog in a voting app
A cat and a dog in a voting app
Dogs or Cats? Which do you prefer?
Code file arrangements in Nimbella and AWS
Code file arrangements in Nimbella and AWS
Code file arrangements for Nimbella and AWS

First things first: let’s look at how to organise the code before we look at the practical elements of launching the code in the Cloud.

Each of the systems illustrated above includes two folders for this project; one contains static content (Web) and the second stores cloud functions (Packages). The primary difference between the two systems lies in how they arrange the cloud functions.

In Nimbella, I simply create the cloud functions as two files (addVotes.js and getVotes.js).

If I use Amazon Web Services, the process is a little more complex. The first step is the creation of separate folders for each cloud function. Next, the JS files are added, and their dependencies are included in each folder. Finally, the zip file with its node-modules folder, the JS file, and the package.json are added to complete the process.

Making an app stateful - the process in Nimbella and AWS
Making an app stateful - the process in Nimbella and AWS
Making an app stateful: diagrams for Nimbella and AWS

Key-value storage is necessary to make a stateful app — it saves the votes already cast, and presents the running totals when the page is refreshed. Again, Nimbella and AWS achieve this in different ways.

  1. Add Redis (key-value storage) to the project. To this end, create a new project template by running the following command:
    nim project create ProjectName
  2. Call Redis from your functions. To this end, first import nim, and then import Redis from it within the function. Finally, add the code logic that makes Redis either update the vote totals, or return the current voting numbers (see image below)
  3. Deploy stateful functions to the Cloud. Ensure your functions are properly located within the Packages folder, then run the following command:
    nim project deploy ProjectName

The services I need to achieve a stateful app are all readily available and in place in this system. Because of this, there’s no service set-up to carry out — all I have to do is call the required services using code logic.

To increment voting numbers, I used code similar to the following:

Code for incrementing voting numbers
Code for incrementing voting numbers
Code used to increment voting numbers

Making a stateful application in AWS involves a number of steps. Using this system, I created stateful key-value storage like this:

  1. Deploy a Redis (key-value storage) cluster on Amazon Web Services:
  2. Select Redis from the AWS ElastiCache service
  3. Input name, version, port, parameter group, node type, and the number of replicas desired in the Redis settings
  4. Nominate the VPC your Redis cluster should be connected to
  5. When this process is complete, keep the Primary Endpoint — it’s important in the next step
  6. Deploying EC2 on Amazon Web Services:
  7. Use the service tab to look for EC2. Don’t forget to choose your region;
  8. Open “Launch Instance”
  9. Select the type of instance you need
  10. Configure your instance (N.B., always use the same VPC that you used for ElastiCache)
  11. Add your Storage
  12. Attach tags
  13. Configure the Security Group & check what you have done so far
  14. Connect the SSH to your EC2 instance before installing the Redis CLI
  15. Connect the Redis instance via Redis CLI. Don’t forget to include the primary endpoint of Redis (as previously mentioned, this is important!)
  16. Deploy Lambda functions on Amazon Web Services, then connect it to API Gateway:
  17. Find Lambda by using the service tab. Ensure the correct region is identified
  18. Create functions methodically. Working one by one, select “Author from Scratch”, the function’s name, and what type of code it uses (NodeJS, Python, etc)
  19. Using the same VPC as Redis, connect your functions. Check each one to be sure the correct ports have been chosen
  20. Connect your functions to API Gateway. Choose a trigger for the function, requesting an HTTP API as the trigger type. This will provide you with a URL that can be used to call your functions through your code
Cloud deployment in Nimbella and AWS
Cloud deployment in Nimbella and AWS
Deployment to the Cloud with Nimbella or AWS

With your static web assets and cloud functions complete, you can finally deploy the entire app to the Cloud!

If you’re using Nimbella, there’s no need to configure cloud storage for any front-end static assets, nor to configure a content delivery network (CDN) that will serve the app from the Cloud. This is because the configuration will be done for you — just issue the instruction that your code logic should be sent to the Cloud, like this:

  • Open your Command Prompt and run:
    nim project deploy ProjectName
  • Paste the URL that appears in your browser

Code needs updating in Nimbella? Another simple process: you just need to update the code, then run the following command:

nim project deploy ProjectName
  1. Choose AWS S3 in Service to begin creating an S3 bucket
  2. Click on the “Create Bucket” button and add the bucket’s name and region
  3. Add relevant files and folders to the S3 bucket
  4. After the files have completed uploading, click on “Static Website Hosting”
  5. Paste the Endpoint into your browser

Code updating in AWS? A little more time consuming:

  • Start from scratch and rebuild the code
  • Empty the bucket of all files before uploading your new version
  • Double-check that the static web host tab includes index.html

Nimbella has made developing a stateful cloud app a lot easier by minimising architectural complexity and offering ready-to-go key-value and object storage as part of its system. This frees you and the developer up to centre your attention on code logic instead.

If you already have a stateful app that you would like to deploy to the cloud, you can try Nimbella out for free. Nimbella also has a Community Slack channel where you can get your questions answered and share your project with a community of fellow-enthusiasts.

To see the code used for this article, you can click here for Nimbella or here for the Amazon Web Services version.

You can read the orginal version of this article at Codemotion.com, where you will find more related contents. https://www.codemotion.com/magazine/dev-hub/cloud-manager/cloud-nimbella-aws/

We help tech communities to grow worldwide, providing top-notch tools and unparalleled networking opportunities.