Showing posts with label Programming. Show all posts
Showing posts with label Programming. Show all posts

How To Deploy Private GitHub Repository To Any Hosting - CI/CD

Github to webhosting, automatic deployment, ci/cd deployment

GitHub to Web Hosting 

You can deploy private GitHub repo to cPanel, Hostinger, or any Web Hosting Manager. Automatic deployment for your CI/CD. This method will work for that. I'm a web developer by profession, I face this issue a lot until I find this method.

Deploying while cPanel Git version control you will face the issue "GitHub cannot access private repository" while submitting Github private repo unless until you setup a private key of cPanel to your GitHub Deploy keys.

Here you don't need to have SSH access or any root access for this method. All you need is an FTP ACCOUNT.

Let's start

In this method, I will be using the Deployment of GitHub Private Repo to cPanel.

1. You have to create an FTP account.
You need to setup the following details.
Log In: it will be the username
Domain: it will be your domain name.
Password: Write a password whatever you like. But keep it safe we will use re-use it, in github.
 
Create an FTP account

2
. In FTP Accounts, click on Configuration FTP Client, to get FTP Username and FTP Server Address.

FTP Accounts Details


3. Now go to your repository Settings > Secrets > Actions and click on New repository secret.
Now go to your repository Secrets > Actions and click on New repository secret

4. Now add a repository secret these details one by one.
Name: FTP_SERVER
Value: YOUR_FTP_SERVER_ADDRESS

Name: FTP_USERNAME
Value: YOU_FTP_USERNAME

Name: FTP_PASSWORD
Value: YOUR_FTP_PASSWORD
In my case its
Name: FTP_SERVER
Value: ftp.recmail.net

Name: FTP_USERNAME
Value: admin_github@blog.hit4visit.com

Name: FTP_PASSWORD
Value: s^E7tXj+O00U
Add a repository secret

5. Now add an action workflow. Change its name from main.yml to cPanelDepolyment.yml
    Copy the code below and add it to the workflow, click on start commit and then commit new file.
workflow commit


Version 1 code:

name: Publish Website to Web Hosting
on:
  push:
    branches:
      - main
jobs:
  FTP-Deploy-Action:
    name: FTP-Deploy-Action
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2.1.0
      with:
        fetch-depth: 2
    - name: FTP-Deploy-Action
      uses: SamKirkland/FTP-Deploy-Action@3.1.1
      with:
        ftp-server: ${{ secrets.FTP_SERVER }}
        ftp-username: ${{ secrets.FTP_USERNAME }}
        ftp-password: ${{ secrets.FTP_PASSWORD }}

Version 2 code:

name: Publish Website to Web Hosting V2
on:
  push:
    branches:
      - main
jobs:
  web-deploy:
    name: 🎉 Deploy
    runs-on: ubuntu-latest
    steps:
    - name: 🚚 Get latest code
      uses: actions/checkout@v2

    - name: 📂 Sync files
      uses: SamKirkland/FTP-Deploy-Action@4.3.0
      with:
        server: ${{ secrets.FTP_SERVER }}
        username: ${{ secrets.FTP_USERNAME }}
        password: ${{ secrets.FTP_PASSWORD }}
And boom, now you can do CI/CD of your project. Now, wait a few minutes until it deploys its initial code, after that once you push to the branch your setup, for older "master" or new version "main" or whatever you setup as default or you want its push to be updated, it will automatically update on your website. 

Video Tutorial


How To Create Simple Online Calculator In HTML

Simple Calculator In HTML

Am giving you a simple and easy calculator source code design by me. Its easy to modify you can modify it how you want to use it.

This Calculator Code will works on all types of browser. Let me teach you how this Online Calculator code is working and made. A form attribute name="FocDownloadsCalculator" is created, Input type which makes buttons and textfield. Here's the Eval() function is used which helps to evaluate the expression accordingly. Every input field has a attribute value. OnClick is the event, when a user click on it occurs.
Download source code

Java Programming In Hindi/Urdu [Complete Videos Tutorials]

Java Programming In Hindi/Urdu [Complete Videos Tutorials]

What is Java?

The high-level programming language developed by Sun Microsystems. Java was initially called OAK and was designed for handheld gadgets/devices and set-top boxes. Oak was unsuccessful so in 1995 Sun changed the name to Java and altered the language to leverage the growing World Wide Web.

C++ Complete Programming Videos Tutorials in Urdu/Hindi

C++ Complete Programming Video Tutorials in Urdu/Hindi
C++ (Known as C Plus Plus) is a programming language, which was designed by Bjarne Stroustrup in 1983. Now a days it is use for free form or compiling types of purposes. Extensions of C++ Programming .cpp, .cc, .c++, .cxx, .h, .hh, .h++, .hxx, .hpp etc.

C++ / C Plus Plus

C++ (C Plus Plus) Programming and .net are about the same, but in C++ you can create every type of simple and complex applications. Even C++ is using in creating of open source dynamic applications.

Here are some 36 videos tutorials.

Video # 01

Video # 02

Video # 03

Video # 04

Video # 05

Video # 06

Video # 07

Video # 08

Video # 09

Video # 10

Video # 11

Video # 12

Video # 13

Video # 14

Video # 15

Video # 16

Video # 17

Video # 18

Video # 19

Video # 20

Video # 21

Video # 22

Video # 23

Video # 24

Video # 25

Video # 26

Video # 27

Video # 28

Video # 29

Video # 30

Video # 31

Video # 32

Video # 33

Video # 34

Video # 35

Video # 36