React -Deployment - CI / CD

Psiko

Well-known member
  • Mar 10, 2023
    12,539
    11,884
    113
    🤍
    react app + laravel api
    seperate folders


    මේ react + laravel website එක Deploy කරනවනම් AWS or AZURE වගේ එකක මට හොස්ටින් servis එකක් ඕන වෙන් නැද්ද?


    එහෙම නැත්තන් Hosting එකේ දානවනම් කොහොමද CI / CD කරන්නේ?

    සල්ලි ගෙවන් නැතුව ෆ්‍රී කරගන්න පුලුවන් ටූල්ස් තියනවද? මේක ලන්කාවේ සයිට් එකක් කැම්පස් පෝජෙක්ට් එකක්.

    cඉ / cඩ් සුපිර් එක්ස්පීරියන්ස් එකක් ගන්න ඕනේ මට

    තව ඉන්ටර්විව් එක්කදි එහෙම CI/CD කරපු විදිහ එක්ස්ප්ලීන් කරහම මට වැලියු එකක් එන විදිහේ කරන විදිහක් කිය්නු මැනවි :P
     
    Last edited:

    Psiko

    Well-known member
  • Mar 10, 2023
    12,539
    11,884
    113
    🤍
    why not ?
    uba concept ekath ekka familier da kiyala balanne, tool eka newe

    Rap Game GIF by TrueReal
     
    • Haha
    Reactions: Solo Rider

    Psiko

    Well-known member
  • Mar 10, 2023
    12,539
    11,884
    113
    🤍
    cpanel මොකටද බන්
    laravel එකයි react එකයි docker-compose එකකට දාලා ec2 එකක deploy කරපන්
    hammata ethakota mata hosting ekak ganna one na neda :yes:

    CI/CD ketiyen pahadili karanna puluwanda
    continues intergration / continues delivery (deployment)
    ------ Post added on Jan 29, 2024 at 10:31 PM
     
    • Like
    Reactions: dilshanniranga

    Psiko

    Well-known member
  • Mar 10, 2023
    12,539
    11,884
    113
    🤍
    Deploying a full-stack web application with React frontend and Laravel backend using AWS free tier hosting, AWS CodeBuild, Docker Compose, and AWS EC2 involves several steps. Here's a general outline of the process:

    1. Prepare Your Application:
      • Make sure your React frontend and Laravel backend are ready for deployment.
      • Ensure your application works locally.
    2. Set up Docker Compose:
      • Create a Dockerfile for both the React frontend and Laravel backend.
      • Write a docker-compose.yml file to define how your Docker containers will interact.
      • Test your Docker setup locally to ensure everything runs smoothly.
    3. Configure AWS Resources:
      • Sign in to your AWS Management Console.
      • Navigate to the EC2 dashboard and launch a new EC2 instance using the free tier eligible instance type (e.g., t2.micro).
      • Allocate an Elastic IP address to your EC2 instance to maintain a static IP address.
      • Set up security groups to allow traffic on the necessary ports (e.g., 80 for HTTP, 443 for HTTPS, and any ports required by your application).
      • Install Docker and Docker Compose on your EC2 instance.
    4. Prepare Your Application for CodeBuild:
      • Set up a CodeBuild project in AWS. This involves creating a build specification (buildspec.yml) that defines how CodeBuild should build your Docker images and push them to Amazon ECR (Elastic Container Registry).
    5. Configure Elastic Container Registry (ECR):
      • Create an ECR repository to store your Docker images.
    6. Build and Push Docker Images:
      • Configure CodeBuild to build your Docker images based on the Dockerfiles you created earlier.
      • Push the built images to your ECR repository.
    7. Deploy Your Application:
      • SSH into your EC2 instance.
      • Pull the Docker images from your ECR repository to your EC2 instance.
      • Use Docker Compose to run your containers on the EC2 instance.
    8. Set Up DNS and Domain Name (Optional):
      • If you have a domain name, configure Route 53 or your DNS provider to point to your EC2 instance's Elastic IP address.
    9. Test Your Deployment:
      • Access your application using the EC2 instance's public IP address or domain name (if set up).
      • cpanel මොකටද බන්
        laravel එකයි react එකයි docker-compose එකකට දාලා ec2 එකක deploy කරපන්
        mehm harida

    Deploying a full-stack web application with React frontend and Laravel backend using AWS free tier hosting, AWS CodeBuild, Docker Compose, and AWS EC2 involves several steps. Here's a general outline of the process:

    1. Prepare Your Application:
      • Make sure your React frontend and Laravel backend are ready for deployment.
      • Ensure your application works locally.
    2. Set up Docker Compose:
      • Create a Dockerfile for both the React frontend and Laravel backend.
      • Write a docker-compose.yml file to define how your Docker containers will interact.
      • Test your Docker setup locally to ensure everything runs smoothly.
    3. Configure AWS Resources:
      • Sign in to your AWS Management Console.
      • Navigate to the EC2 dashboard and launch a new EC2 instance using the free tier eligible instance type (e.g., t2.micro).
      • Allocate an Elastic IP address to your EC2 instance to maintain a static IP address.
      • Set up security groups to allow traffic on the necessary ports (e.g., 80 for HTTP, 443 for HTTPS, and any ports required by your application).
      • Install Docker and Docker Compose on your EC2 instance.
    4. Prepare Your Application for CodeBuild:
      • Set up a CodeBuild project in AWS. This involves creating a build specification (buildspec.yml) that defines how CodeBuild should build your Docker images and push them to Amazon ECR (Elastic Container Registry).
    5. Configure Elastic Container Registry (ECR):
      • Create an ECR repository to store your Docker images.
    6. Build and Push Docker Images:
      • Configure CodeBuild to build your Docker images based on the Dockerfiles you created earlier.
      • Push the built images to your ECR repository.
    7. Deploy Your Application:
      • SSH into your EC2 instance.
      • Pull the Docker images from your ECR repository to your EC2 instance.
      • Use Docker Compose to run your containers on the EC2 instance.
    8. Set Up DNS and Domain Name (Optional):
      • If you have a domain name, configure Route 53 or your DNS provider to point to your EC2 instance's Elastic IP address.
    9. Test Your Deployment:
      • Access your application using the EC2 instance's public IP address or domain name (if set up).

      • mehm harida
    docker composer seen ekanmkre naha .. man amplify ekt dala route53n domain eka connect kra ... dan site eka weda ... backend eka connect krn one dan
    ------ Post added on Jan 31, 2024 at 4:48 PM
     
    • Like
    Reactions: dilshanniranga

    TNHM

    Well-known member
  • Jan 3, 2017
    5,329
    15,495
    113
    Deploying a full-stack web application with React frontend and Laravel backend using AWS free tier hosting, AWS CodeBuild, Docker Compose, and AWS EC2 involves several steps. Here's a general outline of the process:

    1. Prepare Your Application:
      • Make sure your React frontend and Laravel backend are ready for deployment.
      • Ensure your application works locally.
    2. Set up Docker Compose:
      • Create a Dockerfile for both the React frontend and Laravel backend.
      • Write a docker-compose.yml file to define how your Docker containers will interact.
      • Test your Docker setup locally to ensure everything runs smoothly.
    3. Configure AWS Resources:
      • Sign in to your AWS Management Console.
      • Navigate to the EC2 dashboard and launch a new EC2 instance using the free tier eligible instance type (e.g., t2.micro).
      • Allocate an Elastic IP address to your EC2 instance to maintain a static IP address.
      • Set up security groups to allow traffic on the necessary ports (e.g., 80 for HTTP, 443 for HTTPS, and any ports required by your application).
      • Install Docker and Docker Compose on your EC2 instance.
    4. Prepare Your Application for CodeBuild:
      • Set up a CodeBuild project in AWS. This involves creating a build specification (buildspec.yml) that defines how CodeBuild should build your Docker images and push them to Amazon ECR (Elastic Container Registry).
    5. Configure Elastic Container Registry (ECR):
      • Create an ECR repository to store your Docker images.
    6. Build and Push Docker Images:
      • Configure CodeBuild to build your Docker images based on the Dockerfiles you created earlier.
      • Push the built images to your ECR repository.
    7. Deploy Your Application:
      • SSH into your EC2 instance.
      • Pull the Docker images from your ECR repository to your EC2 instance.
      • Use Docker Compose to run your containers on the EC2 instance.
    8. Set Up DNS and Domain Name (Optional):
      • If you have a domain name, configure Route 53 or your DNS provider to point to your EC2 instance's Elastic IP address.
    9. Test Your Deployment:
      • Access your application using the EC2 instance's public IP address or domain name (if set up).

      • mehm harida


    docker composer seen ekanmkre naha .. man amplify ekt dala route53n domain eka connect kra ... dan site eka weda ... backend eka connect krn one dan
    ------ Post added on Jan 31, 2024 at 4:48 PM
    ඔව් හරි.. ඔය විදියට කරපන්.
     
    • Like
    Reactions: Psiko

    SLHodahitha

    Well-known member
  • Nov 8, 2017
    3,087
    2,975
    113
    ::0
    elakiri.com
    react app + laravel api
    seperate folders


    මේ react + laravel website එක Deploy කරනවනම් AWS or AZURE වගේ එකක මට හොස්ටින් servis එකක් ඕන වෙන් නැද්ද?


    එහෙම නැත්තන් Hosting එකේ දානවනම් කොහොමද CI / CD කරන්නේ?

    සල්ලි ගෙවන් නැතුව ෆ්‍රී කරගන්න පුලුවන් ටූල්ස් තියනවද? මේක ලන්කාවේ සයිට් එකක් කැම්පස් පෝජෙක්ට් එකක්.

    cඉ / cඩ් සුපිර් එක්ස්පීරියන්ස් එකක් ගන්න ඕනේ මට

    තව ඉන්ටර්විව් එක්කදි එහෙම CI/CD කරපු විදිහ එක්ස්ප්ලීන් කරහම මට වැලියු එකක් එන විදිහේ කරන විදිහක් කිය්නු මැනවි :P
    Versioning control eka mokakda uba use karana. godak VCS eke oya feature eka tiyanawa.
     

    Psiko

    Well-known member
  • Mar 10, 2023
    12,539
    11,884
    113
    🤍
    Versioning control eka mokakda uba use karana. godak VCS eke oya feature eka tiyanawa.
    GITHUB

    Gitlab try karanna. Github walath action nathuwa manual gahanna unath puluwan
    frontend ekanam hari aws dmma dan backend eka connect krgnnne kohomd kiyl blnne aws ec2 instance ekka danna kiyala baluwee free tier eke
    ------ Post added on Feb 1, 2024 at 9:17 AM