Python API server with angular front-end

Question

It has been a while I built an app with Angularjs front-end and API back-end, so forgive me if this a pretty dumb question. I would like to run a Python back-end which serves an API. Every endpoint should start with /api/. Now this app runs in the folder 'api", this is somewhat my folder structure:

-api/
-- controllers/
-- __init__.py
-config/
-public/
-- assets/
-- index.html
-server.py

Now I am figuring out how I could run a webserver, which accesses the files from the api folder when I use an endpoint which starts with /api, and every other endpoint should access my AngularJS app which is available from the public folder. This way I can access the Python API endpoints from my AngularJS app and still be pretty secure because my Python source files are not available from the public folder.

So, AngularJS endpoints: /home /login /logout etc.

Python API endpoints: /api/user, /api/user/profile etc. (every single endpoint which starts with /api/.

Any ideas? I could run two servers on different ports, but that should not be the way to go. I've done something like this with PHP, but never done this with Python and somehow it gives me a headache at the moment.

If someone can help me out, that would be great.

Arghya Saha · Accepted Answer · 2018-08-10 09:49:07Z

1

You can use nginx to deploy this project.

server {
    listen 80;
    listen [::]:80;

    server_name xyz.com;

    root /var/www/frontend/xyz-frontend/dist;
    index index.php index.html index.htm index.nginx-debian.html;


    # handles the api requests
    location /api {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            proxy_pass http://unix:/var/www/services/xyz/api.sock;
    }

    # FOR ANGULAR BUILD
    location / {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            try_files $uri $uri/ /index.html /custom_50x.html;
    }

answered Aug 10, 2018 at 9:49

Arghya Saha

5,7734 gold badges28 silver badges52 bronze badges

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

2 Comments

Arghya Saha Over a year ago

Welcome. I think you should use a framework for the python server.

Erik van de Ven Over a year ago

I do, I use Flask. I guess, what I did with PHP, was using PHP for the API and let PHP render the index.html on every non-api URL. The public folder contained one PHP file (index.php), which only loaded (require) a Bootstrap.php, which was located in the root folder. Perhaps, for development, I should be able to render the index.html on every non-api url, as default, so angular takes care of the url endpoints from there. That should work I guess.

Collectives™ on Stack Overflow

Python API server with angular front-end

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related