【服务器搭建】✈️用自己电脑搭建一个服务器!

先锋 Coder 2024-09-03 11:07:04 阅读 85

目录

👋前言

👀一、内网穿透

🌱二、内网穿透工具

💞️三、本地测试

        3.1 环境准备

         3.2 nginx 修改启动页面

        3.3 神卓互联注册,创建映射规则

📫四、章末


👋前言

        小伙伴们大家好,一直有一个想法,就是搭建自己的网站,并且可以通过公网访问;中间也去看了很多搭建服务的步骤,了解到有两种常见的实现方式,一个就是购买商业服务器,把项目部署到上面,另外就是自己的电脑做服务器,通过内网穿透实现,这篇文章来看下如何将自己的电脑开发成一个服务器,并且可以供外网访问

👀一、内网穿透

        内网穿透是一种网络技术,允许通过公共网络(比如互联网)访问处于私有局域网(内网)内部的计算机或服务。简单来讲比如我们日常自己开发的 SpringBoot 项目,只能我们自己本地访问 “ http://localhost:8080/...",通过内网穿透操作后,不仅可以自己本地访问,在别的设备上也可以访问本地的 8080 端口

🌱二、内网穿透工具

        本地测试使用的是 神卓互联,官网如下:

巴比达_企业级内网穿透

        目前市面上有很多供应商,具体介绍可以参考这篇博主大大的文章,介绍了很多可以实现的工具(但是注意甄别,有的方法已经不可用了)

十多种 五种永久免费 内网穿透傻瓜式使用_免费内网穿透-CSDN博客

💞️三、本地测试

        3.1 环境准备

        既然要测试访问本地项目,首先要有一个可以启动的项目,这里想到了之前用的 Nginx, 把nginx 下载到本地后可以一键启动,也可以算是一个可以运行的项目,访问 nginx 监听的端口号即可访问一个页面,nginx 的下载安装使用可以看之前的文章,链接如下:

【Nginx <一>⭐️】Nginx 的初步了解以及安装使用_nginx 1.26.0 安装-CSDN博客

         3.2 nginx 修改启动页面

                3.2.1 修改 nginx 默认访问页面,index2.html是一个简单的登录页面,html文件也可以简单通过创建 .txt 文件修改好之后再改为 .html 文件即可

                注:修改默认访问页面之后需要重启 nginx 项目,访问监听端口页面如下

 

<code><!DOCTYPE html>

<html lang="en">code>

<head>

<meta charset="UTF-8">code>

<meta name="viewport" content="width=device-width, initial-scale=1.0">code>

<title>Document</title>

<style>

* {

margin: 0;

padding: 0;

}

html {

height: 100%;

}

body {

height: 100%;

}

.container {

height: 100%;

background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);

}

.login-wrapper {

background-color: #fff;

width: 358px;

height: 588px;

border-radius: 15px;

padding: 0 50px;

position: relative;

left: 50%;

top: 50%;

transform: translate(-50%, -50%);

}

.header {

font-size: 38px;

font-weight: bold;

text-align: center;

line-height: 200px;

}

.input-item {

display: block;

width: 100%;

margin-bottom: 20px;

border: 0;

padding: 10px;

border-bottom: 1px solid rgb(128, 125, 125);

font-size: 15px;

outline: none;

}

.input-item:placeholder {

text-transform: uppercase;

}

.btn {

text-align: center;

padding: 10px;

width: 100%;

margin-top: 40px;

background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);

color: #fff;

}

.msg {

text-align: center;

line-height: 88px;

}

a {

text-decoration-line: none;

color: #abc1ee;

}

</style>

</head>

<body>

<div class="container">code>

<div class="login-wrapper">code>

<div class="header">Login</div>code>

<div class="form-wrapper">code>

<input type="text" name="username" placeholder="username" class="input-item">code>

<input type="password" name="password" placeholder="password" class="input-item">code>

<div class="btn">Login</div>code>

</div>

<div class="msg">code>

Don't have account?

<a href="#">Sign up</a>code>

</div>

</div>

</div>

</body>

</html>

        3.3 神卓互联注册,创建映射规则

        官网如下,注册登录不做赘述:

神卓互联内网穿透|端口映射工具-神卓互联官网

                3.3.1 映射规则创建

                 3.3.2 创建完成之后,会提示需要下载桌面版然后重启映射规则

                按照提示下载安装包,安装完成之后使用自己的账号登录,然后重启映射规则

                之后,就可以通过映射的公网地址,访问我们本地启动的项目了! 

📫四、章末

        用自己的电脑搭建服务器,整体比较简单,但是缺陷也很明显,对电脑的配置要求比较高,另外就是电脑要一直启动,并且项目也不能停止;总的来说,用来部署个人项目还可以!

        文章到这里就结束了~



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。