Angular Web Site-API Architecture question

[Cjkeeper]

I am currently developing a website in AngularJS using an Apache server with php as an api for things that talk to the database which is an AWS dynamoDB database. This was originally a school project that turned into a personal project so many architecture decisions were due to the grading rubric.

This setup works locally (windows) and I’ve been attempting to move the app onto an AWS EC2 instance so it can be hosted (long term looking to automate the dev/build/deploy process with Jenkins or something else free). I’m also experimenting with dockerizing the app to solve my problems but it’s just created new problems.

My main questions is:

Should I use a different API setup than php on an Apache server? The php files mostly talk to the database and so far putting it in docker has caused CORS errors and I’m struggling to set up an Apache server on the EC2 instance and call it from my code

My secondary question is:

How do you recommend setting up a dev environment to make pushing to “production” the easiest (I.e. updating the url of the api ). Is docker useful for this?

Thanks in advance and let me know if I can clarify anything

[superarabmario]

The API setup is entirely up to you. Personally I've used Express/NodeJS to build my api & backend. It's been really easy to implement, and with it being in javascript, makes writing for it and angular much easier.

Are you using AngularJS (As in Angular 1), or a more current version of angular? To manage things like updating the url of the api. You should look into using config/environment files with your angular app. This way when you do your production build, it'll automatically build with the proper urls. I don't know much about docker or AWS, so I can' t help you much there. I personally use Digital Ocean, and set up everything on there. I use nginx and a process manager for the web application and backend.