updated demonstrated_readme

This commit is contained in:
REZ-OAN 2024-05-01 13:17:03 +06:00
parent ab62011bc8
commit 57d51e3f62

View File

@ -6,17 +6,17 @@ Reference → [https://github.com/REZ-OAN/frp](https://github.com/REZ-OAN/frp)
Goto your server Goto your server
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled.png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled.png)
# Step-2 Download release and Extract It (on vm or bm) # Step-2 Download release and Extract It (on vm or bm)
Download the latest release from the github repo Download the latest release from the github repo
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(1).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(1).png)
Select the one which meet your system architecture Select the one which meet your system architecture
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(2).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(2).png)
Now hover on the file and `right click` on it select the `copy link address` Now hover on the file and `right click` on it select the `copy link address`
@ -24,7 +24,7 @@ Now `goto` the `terminal` where you `ssh` to the server
go to preferred folder where you want to download the release go to preferred folder where you want to download the release
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(3).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(3).png)
Now using `wget` download the release Now using `wget` download the release
@ -32,21 +32,21 @@ Now using `wget` download the release
wget https://github.com/REZ-OAN/frp/releases/download/v0.57.0/frp_0.57.0_linux_amd64.tar.gz wget https://github.com/REZ-OAN/frp/releases/download/v0.57.0/frp_0.57.0_linux_amd64.tar.gz
``` ```
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(4).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(4).png)
In this directory you will see like this In this directory you will see like this
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(5).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(5).png)
Now extract the `.tar.gz` file Now extract the `.tar.gz` file
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(6).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(6).png)
Now `goto` `frp_0.57.0_linux_amd64/` this folder Now `goto` `frp_0.57.0_linux_amd64/` this folder
This files will be there This files will be there
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(7).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(7).png)
# Step-3 Running frp-server ( on vm or bm) # Step-3 Running frp-server ( on vm or bm)
@ -54,15 +54,15 @@ Now edit the `frps.toml` because we will run the `frp-server` on our `vm` or `bm
We need to specify a `port` on our `vm` or `bm` on which the `frp-server`will listen to We need to specify a `port` on our `vm` or `bm` on which the `frp-server`will listen to
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(8).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(8).png)
Using `nano` edit the `bindPort` if you want to Using `nano` edit the `bindPort` if you want to
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(9).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(9).png)
I have edited the port number I have edited the port number
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(10).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(10).png)
Now run the server Now run the server
@ -70,7 +70,7 @@ Now run the server
./frps -c ./frps.toml ./frps -c ./frps.toml
``` ```
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(11).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(11).png)
# Step-4 Running our codeserver-python (on local machine) # Step-4 Running our codeserver-python (on local machine)
@ -94,7 +94,7 @@ docker run -it -p 5000:8080 b25217878034
Your terminal will look like this Your terminal will look like this
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(12).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(12).png)
# Step-5 Running frp-client (on our local machine) # Step-5 Running frp-client (on our local machine)
@ -102,7 +102,7 @@ Firstly do every thing in done in the **Step-2 ,** after doing all of those thin
Edit the `frpc.toml` Edit the `frpc.toml`
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(13).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(13).png)
Here, `serverAddr` refers to the server from where you locally running service will be **exposed** Here, `serverAddr` refers to the server from where you locally running service will be **exposed**
@ -114,7 +114,7 @@ And `remotePort` refers to the `port`in the `remoteServer` in which our service
Edit the `serverPort` to `4848` and `localPort` to `5000` and set `remotePort` to `7050` using `nano` Edit the `serverPort` to `4848` and `localPort` to `5000` and set `remotePort` to `7050` using `nano`
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(14).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(14).png)
Now run the `frp-client` Now run the `frp-client`
@ -126,34 +126,34 @@ Now run the `frp-client`
Go to cloudflare dashboard select the `Zero Trust` Go to cloudflare dashboard select the `Zero Trust`
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(15).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(15).png)
Then open networks drop down and select the tunnels Then open networks drop down and select the tunnels
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(16).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(16).png)
Now click on `create tunnel` Now click on `create tunnel`
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(17).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(17).png)
Select the recommended connector Select the recommended connector
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(18).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(18).png)
Then click on `next` and then give a name i choose `test-frp` Then click on `next` and then give a name i choose `test-frp`
Now choose connector environment , i have chosen `docker` Now choose connector environment , i have chosen `docker`
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(19).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(19).png)
Now copy the connector `command` and run it on `detach` mode on your `server` ( in our case 103.174.50.21) Now copy the connector `command` and run it on `detach` mode on your `server` ( in our case 103.174.50.21)
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(20).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(20).png)
Now select the domain and subdomain , and the url server `ip_address:remotePort` Now select the domain and subdomain , and the url server `ip_address:remotePort`
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(21).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(21).png)
Now hit the URL `test-frp.poridhi.io/?folder=/app/` will see Now hit the URL `test-frp.poridhi.io/?folder=/app/` will see
![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare-tunnel/demonstrated_images/Untitled%20(22).png) ![Untitled](https://github.com/REZ-OAN/frp/blob/frp-demonstration-with-cloudflare/demonstrated_images/Untitled%20(22).png)