How to implement Angular with Django

Question

I have requirement for creating an application using Angular(TypeScript) as frontend and Django as Backend, where I will be working only on Django (backend). Is that creating an REST API only enough to communicate with front end. Is that only possible in the backend in this case?

Normally while working in Django I used to work in forms, views and will renders in the html and create API for it but in this case where I have no idea how angular would work even. Just creating an API only sufficient when communicating with Angular

GlenH · Accepted Answer · 2021-11-24 15:09:45Z

13

Yes, creating API's using Django/DRF is sufficient to communicate with an Angular app.

Below is an illustration of a basic architecture of a Django Angular application.

API endpoints in Django will be served via the urls.py files using the DRF (Django Rest Framework. The angular client will send HTTP requests using the Http Client Module and display the retrieved data on the components/pages. A data service created in Angular will use the HTTP client to send and get data. Angular Router will handle navigations to pages and components.

answered Nov 24, 2021 at 15:09

GlenH

1516 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

farincz · Accepted Answer · 2021-11-09 07:38:41Z

5

Yes, you will be using Django for REST API views. Forget about templates and Django forms, you will be just sending and receiving JSONs.

If you want to host it together you will be probably serving just index.htm. The tricky part is that you need match all possible app routes to index too (the whole Angular lives there, handling routing on client side. But initial request after reload still can lead to arbitrary url)

More common way is using two separate containers, one for api and one for angular app. Then you can provide server side rendering on angular app (this will be still calling api from it) and separate api without need to handle index.

answered Nov 9, 2021 at 7:38

farincz

5,2031 gold badge33 silver badges42 bronze badges

Collectives™ on Stack Overflow

How to implement Angular with Django

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related