How to deploy Angular-Flask-MySQL Project on Heroku which Stored in Github repo - mysql

I am currently working on a project that uses Angular as frontend framework, Flask as backend framework and MySQL as database.
Furthermore, the developement of the application is completed and the source code is stored in private Github repo.
My next step is to deploy this project on heroku server. After done some research l found that i have to change the database to Clear DB which is the database available in heroku. As a newbie this is my first web app deployment to heroku server.
Is there any online source where i can refer that can fullfiill my requirement or if somebody has done this approach previousely could please list down the steps so i can follow them. Your help will be highly appreciated.
Thanks and best regards.

I had done a project related to angular and flask. I faced the same issue when it comes to app deployment phase.
I deployed the angular app and the flask app in two separate heroku servers. Using this method it is easy for you to do the furthure developments of the application as well.
Following are some reliable sources you can refer,
Deploy flask app to heroku
https://stackabuse.com/deploying-a-flask-application-to-heroku/
Deploy angular app to heroku
https://www.javaguides.net/2020/11/how-to-deploy-angular-application-to-heroku.html?m=1
After deploy both these frameworks separately you can replace your angular api call from https://localhost:5000/api/ to https://yourbackendserver.herokuapp.com/api/

Related

Deployment for Angular, mySQL and Spring Boot?

As the title reads I am currently looking for the easiest and most-friendly path to take to deploy my project which uses Angular, Spring Boot and mySQL. I have looked in to a couple of methods, one which involves AWS S3, another using Firebase and a third which uses Heroku. I just wanted to know what the best way to do this was, and if it is better to deploy them separately with different servers, or combine them into one?
There are so many options, but maybe one is less convoluted; I was hoping someone could point me in the right direction.
Thanks in advance.
I think the easiest way would be
Build your angular project.
Copy the angular's index.html and built javascripts files to Spring
boot's resource folder.
Create a controller to serve the index.html.
Make sure your spring boot project is serving the index.html and javascript files.
Build jar
Create a docker container for your jar with java and mysql
Deploy to your favorite service

Deploy Django project to a website subfolder

I have a website (e.x. www.example.com), and a web server and my goal is to upload a Django project (already completed at my home pc) into a subfolder of my example website. That is, I would like my django project to run at www.example.com/mynewdjango/. The web server runs Apache and MySql. My project uses Mysql too.
Is there a step by step guide to do this?
Thank you!
You can start from:
This step by step Guide
Official Django documentation

Building a React/Spring Boot/MongoDB Application

I have created a React application using create-react-app. I now want to send the application to a friend so that they can use it. However, I do not want to have the hassle of all of the files, dependencies etc. Is there a way I can 'build' the application into one executable that can be run on any computer? I have no need for the application to run online, localhost is fine. I should also mention that I have a Java Spring Boot backend and a MongoDB database that are both used by the application.
Thanks!
If you want to integrate with Spring Boot backend , all you need is to put the final build files in the build folder of Reactjs application into the static folder of Spring Boot project.

How to edit Heroku application online?

How can I edit the application hosted on Heroku online? I need my remote HTML/CSS designer to do some layout fixes on my application hosted on the Heroku. Any help is really appreciated.
Currently, your best bet might be to Cloud9 to share and edit source code. You can deploy directly from Cloud9 to Heroku.
You cannot edit your application hosted on heroku online. If you have hosted your application code elsewhere on Github or Gitorious, it might be possible for your designer to make changes online there and then you can push the code to Heroku

How to add my Rails App to Heroku?

I have made a Rails 3 App with Aptana Studio. This application is already in Github. I tried engine yard to deploy my app. You should specify to engine yard which is the address from your code in github and automatically he make a copy in your server instance.
Here is my problem.... The client asked to deploy the app with heroku. I would like to use the code which i have in github and deploy it in heroku.
Which is the fastest way to make an heroku app using my code in github? Heroku can take the code from github? Which is the process to follow?
I read the quick start from heroku with rails but they suggest to make a new app and copy file by file in the new heroku app.
Thanks all!
Heroku documentation cover this topic in quite length:
https://devcenter.heroku.com/articles/rails3
Re: MySQL, while you don't have MySQL in Heroku, as long you don't use MySQL specific features (most likely if you used ActiveRecord you didn't) then you shouldn't have any problem deploying your application to heroku.
As for deployment, Heroku deployment works like pushing changes to GitHub, to deploy your application you push your codebase to it.
git push heroku master
Will deploy your master branch to Heroku.
Of course, for this to work you need:
An account on Heroku
Have installed Heroku gem (gem install heroku)
Have created an application on heroku (see Heroku documentation)
From the Heroku devcenter link, you can skip the create an app step and focus on the other details, like database adapter, groups and such.
Hope this helps.
Here is the tutorial from Heroku itself: https://devcenter.heroku.com/articles/git
Since you asked for the quikest shortest way, I think that is:
Install the heroku gem (gem install heroku)
Create a new app on heroku. heroku create
-# Note the output and the app name, e.g. "sharp-rock-2853"
In your existing local app, $ heroku git:remote -a sharp-rock-2853
-# replace sharp-rock-2853 with your heroku app name from step 1
git push heroku master