Integrating Back-end

How to integrate back-end in this template

Data Structure

In data.service.ts, there is dummy data file placed to mimic the behavior of a back-end.

E.g. Following images shows the data and its structure for giftcards , jukeboaxcredits and purchasehistory on various pages. The data is in JSON format.

E.g. Data is imported in the page.ts file as this.service.giftcards . Here, service is service provider name, giftcards is the JSON data in service

Back-end options

To make the app fully operational you will need to attach a back-end to the app. This will require several additions and you will need the assistance of a back-end developer.

We will provide a glimpse into the things you will require

Step 1 — Choose a back-end Technology

There are several options when it comes to back-end. Some of the major ones are

1. Node.js custom back-end

2. Firebase back-end (node.js) (Read intro blog here)

3. Django custom back-end

4. Ruby-on-rails custom back-end

5. GO back-end

We recommend starting out with Firebase, if you want quick turn-around of features. Firebase is a BaaS platform and comes with a bunch of ready-made functionality, like

• Storage

• Database

• Analytics

• Push notifications

• In-app messages

• Real-time database and much more

• Anonymous login

• Email login

Step 2 — Connect the back-end to the app

As explained in the section above, you will need to replace the Data coming in form individual JSON files with the data coming in from APIs (from your back-end).

To manage the data efficiently, you will need to arrange all API calls, and data manipulation in a single location. You can manage API calls with HttpClient services or firebase functions.