阿里云服务器实现html页面的远程访问

最新推荐文章于 2024-08-17 17:03:44 发布
原创 最新推荐文章于 2024-08-17 17:03:44 发布 · 636 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#阿里云 #服务器

有时候想着如果能让我的朋友远程访问我的html文件就好了，就可以发给他一个链接点进去之后是一个html的网页，下面说一下如何实现。

这里有两个前置步骤，买一个云服务器，服务器安装Nginx，可以参考下面两篇文章完成，然后再将页面上传到服务器就可以搞定了。

1、先要有一个云服务器，这样就有了一个外网ip，别人就可以访问到，参考下面这篇
阿里云服务器入门使用教程——购买及操作系统选择并进行远程连接

2、在服务上安装Web服务器——Nginx
Linux实现Nginx的安装与部署并实现html静态资源访问

因为使用finalshell远程连接没法传文件到云服务器（会显示上传成功，但实际没有），所以要在阿里云控制台进行远程链接

这里简单说下阿里云远程连接怎么从自己本地上传文件到服务器：

1、远程连接到服务器，从阿里云官网进入

2、打开文件管理
在这里插入图片描述
3、进入到目标文件夹，上传本地文件
在这里插入图片描述

在这里插入图片描述

利用阿里云服务器和frp进行内网穿透，实现远程访问内网ip服务器
Zzzzybfly的博客
11-12 8020
通过ssh协议，用笔记本来远程控制我的台式主机(ubuntu18.04)作为服务器跑程序，由于台式机不是公网ip，且两台机器不是一个网段，所以，无法通过ssh协议连接。因此，采用frp内网穿透，通过租借阿里云服务器(centos7.3)，获得公网ip，进行端口映射，从而使我们能够访问到我们的台式主机。 第一步，安装mobaxterm，一款十分好用的全能终端神器。附上下载链接：https://mobaxterm.mobatek.net/download.html 点击选择free版本： 注意：客户端和服务器都
从零开始部署Node.js服务至阿里云ECS服务器并通过express框架实现外网IP访问html项目
m0_64012205的博客
11-11 714
大致步骤（2017.07.25）： 1、购买阿里云服务器 2、在云服务器上搭建node环境 3、上传Node.js代码，并测试通过 一、购买阿里云服务器 1、登陆阿里云 2、选择控制台 3、选择云服务器ECS -> 实例 -> 创建实例 4、选择所需要的服务 （截图只是部分服务选择） Tips： （1）、网络服务选项 公网IP地址可以选择分配和不分配，两者的区别在于 选择分配IP：则此IP不能与ECS实例解绑，优点是不需要再独立申请公网IP（申请
通过云服务器远程访问html文件
yudarensixian的博客
01-12 1400
我入门前端的时候，就想着如果能让我的朋友远程访问我的html文件就好了，就可以发给他一个链接点进去之后是一个html的网页，然后就可以借机整蛊他，嘿嘿嘿（邪恶的种子就这么种下了）于是乎我就选择了通过云服务器来+域名来远程访问，期间走了不少弯路，于是前人栽个树，后人乘个凉吧.
html页面远程访问原理,JavaScript实现获取远程的html到当前页面中
weixin_32259717的博客
06-02 523
html代码javascript代码function clientSideInclude(id, url) {var req = false;// Safari, Firefox, 及其他非微软浏览器if (window.XMLHttpRequest) {try {req = new XMLHttpRequest();} catch (e) {req = false;}} else if (win...
如何配置阿里云服务器以及在远程连接的过程中遇到的问题的解决方法，顺便教你如何让别人访问到你的html静态页面（向妹子表白用哦）
bnq1048229503的博客
08-12 2134
一、阿里云服务器的配置： 关于阿里云服务器的部署，网上有很多的教程，我在这里就不详细说了，只给大家推荐一个讲解比较详细的教程地址。 阿里云服务器（Windows32操作系统）及配置方法：https://blog.youkuaiyun.com/oyj2263378312/article/details/79113648 上面地址的教程后面介绍的是通过javaweb的那一套知识搭建环境，如果你只是想要做一个...
如何通过公网IP访问云服务器中的HTML文件(node.js)
仙人掌上的刺猬的博客
11-30 8656
将文件上传到云服务器上的方法 上一篇文章结尾说到要教大家如何将文件上传到云服务器上，我总结了两个方法： 方法一:     在本机上通过git上传上传到自己的github仓库上，然后在云服务器上下载git bash软件，在云服务器上clone项目（具体操作不细说了），将项目克隆到云服务器中的某个文件夹中，大功告成~ 方法二:   &nbsp...
html远程调用html,如何HTML、CSS、JS等静态资源的远程访问？
weixin_28862545的博客
06-07 1422
要实现远程访问，可以通过Node.js搭建服务器完成。具体步骤如下：1.新建一个空文件夹。如：AboutMe-Server2.打开VS Code软件，在软件中打开AboutMe-Server文件夹3.通过npm初始化项目。打开终端，输入以下命:如上图所示表明初始化成功。4.初始化成功后，目录后自动生成一个package.json文件。5.安装express。在终端输入 npm i express ...
mac下配置和访问阿里云服务器（Ubuntu系统）的图文教程
09-15
在本文中，我们将详细讲解如何在Mac环境下配置和访问阿里云服务器，该服务器运行着Ubuntu操作系统。这是一份实用的图文教程，对于初次接触阿里云服务的用户来说，具有很高的参考价值。 首先，你需要购买阿里云...
阿里云ESC云服务器部署PHP+HTML+MySQL项目
APguantou的博客
05-27 1798
如果是高校学子，而且第一次领取阿里云的服务器，可以免费领取10个月时长的服务器。
项目部署阿里云服务器详细流程
奋斗男孩的博客
12-13 7175
最初宝塔面板的端口号是8888，出于安全考虑，现在宝塔面板使用的端口是程序安装完成后随机生成的端口号，在步骤四图中的面板地址中可以看出，端口号为39118，注意：这个端口号是随机生成，你的宝塔面板端口号可能不是这个。在浏览器中粘贴宝塔面板的外网面板地址，并输入账号和密码，登录到宝塔面板管理后台，第一次登录需要勾选同意协议，然后进入面板。没有宝塔账号的话，就点免费注册一个宝塔账号。安全组规则设置完后，然后点【保存】即可，不需要重启云服务器，安全组规则保存后立即生效，宝塔面板端口号就已经开通了。
将html页面部署到阿里云服务器
kkill_youokk_的博客
12-20 9276
阿里云服务器部署一、购买阿里云服务器ECS并选择镜像二、进行配置1.配置安全组2.宝塔Linux面板配置三、进行部署1.安装Nginx四、效果展示 一、购买阿里云服务器ECS并选择镜像 镜像-镜像市场-搜索宝塔Linux面板进行安装，其余参数选择默认即可 若镜像选择错误也可以进行如下操作： 1.先将实例停止 2.再更换操作系统 3.搜索宝塔Linux面板 4.自定义密码 二、进行配置 1.配置安全组 配置安全组，使得之后的端口可以访问 点击配置规则 手动添加80和8888端口 80为外部访问端口
阿里云OSS 绑定域名访问html文件而不是打开下载
糖果云专栏
03-27 5066
1.新建Bucket 2.上传简单html 权限设置为公共读，不然用户访问不到。 3.绑定域名 如果现在直接访问域名需要把文件路径填上去才能访问到。 设置静态页面首页就可以直接访问域名到首页 注意绑定域名的时候 www.abc.com abc.com 两个需要使用的话，就必须在第三点都绑定，如果绑定其一自己去域名管理做解析设置是没有反应的。 ...
微服务 nginx html与restful同80
杨航的专栏
07-16 851
#user  nobody; worker_processes  1; #error_log  logs/error.log; #error_log  logs/error.log  notice; #error_log  logs/error.log  info; #pid        logs/nginx.pid; events {     worker_connections  ...
通过nginx代理：在本地浏览器访问远程服务器某目录里面的指定文件内容(如html)，及修改配置后重启nginx方法
учёба
11-08 5739
nginx代理，及修改配置后重启nginx
如何使用浏览器访问 Linux 个人云服务器 上的HTML文件
Blasit的博客
08-04 2755
访问Linux 云服务器上的HTML文件---在Linux系统上使用Tomcat服务器教程
如何免费静态部署一个html网页使每个人都可以访问到
weixin_74292291的博客
01-03 3465
如何免费静态部署一个网页使每个人都可以访问到
如何将项目中的html页面 用ip能访问到
jiayoulsy的博客
03-22 1283
html文件 可以本地启动 ip访问
使用阿里云服务器部署html文件
orange_idea的博客
08-17 954
5.点击左上角的文件->打开新文件树，找到/var/www/html，右键点击html文件夹，选择上传文件将所需要的文件上传。注意，由于一次只能上传一个文件，所以如果要上传文件夹，要先在html文件夹下新创立一个文件夹，再一个个上传文件。2.点击 云服务器ESC ->左边的安全组 ，点击第一个安全组ID，再点击快速添加 ->HTTP(80)这个打钩后按确定。3.点击 云服务器ESC -> 远程链接->立即登录。6.现在就算完成了，可以右键html文件预览一下，不过格式可能会乱，不过没有事。
访问网络HTML的简单示例
proape的专栏
04-25 282
核心代码     String htmlUrl ="http://www.baidu.com"; URL url = null; HttpURLConnection conn = null; int respCode = 404; InputStream is = null; try { url = new URL(htmlUrl); conn = (HttpURLConn...
阿里云服务器远程连接，怎么访问图片
最新发布
05-12
<think>好的，我需要帮用户解决在阿里云服务器上远程连接并访问图片的问题。首先，用户提到之前参考了四个引用，但那些主要是关于数据库连接的，比如MySQL和SQL Server，不过用户现在的问题是关于图片访问的。我需要结合已有的引用信息，找到相关点，并给出合适的解决方案。 首先，用户可能已经在服务器上部署了Web应用，比如使用Tomcat，如引用3提到的。所以第一步可能是确认图片是否存放在Web服务器的目录下，例如Tomcat的webapps文件夹，这样可以通过URL直接访问。 其次，用户可能需要配置静态资源。例如，在Tomcat中，把图片放到webapps目录下的某个子文件夹，然后通过http://服务器IP:端口/文件夹/图片名.jpg来访问。这需要确保服务器防火墙和安全组开放了HTTP端口，比如80或8080。 另外，引用2提到Navicat连接MySQL时修改root的host值，虽然和图片无关，但说明可能需要配置服务器的安全组规则。用户需要检查阿里云的安全组设置，确保HTTP/HTTPS端口开放，允许外部访问。 如果用户使用Nginx或Apache作为Web服务器，可能需要配置虚拟主机或静态资源路径。例如，在Nginx中配置location块指向图片目录，并设置正确的权限。 此外，用户可能需要通过FTP或SSH上传图片到服务器，比如使用FileZilla或scp命令。确保图片上传到正确的目录，并且Web服务器有权限读取这些文件。 最后，考虑权限问题，比如SELinux或目录权限，可能需要调整。例如，使用chmod或chown命令修改图片文件的权限，确保Web进程可以访问。 总结步骤应该是：1. 确认Web服务器部署；2. 上传图片到正确目录；3. 配置安全组和防火墙；4. 通过URL访问图片。需要检查每个环节，确保没有遗漏。</think>### 阿里云服务器远程连接访问图片的方法 #### 步骤说明 1. **存储路径配置** 将图片文件上传至Web服务器（如Tomcat、Nginx、Apache）的静态资源目录。例如： - Tomcat默认静态资源路径：`/usr/local/tomcat/webapps/ROOT/images/`（参考引用3的静态页面部署逻辑）[^3] - Nginx默认路径：`/usr/share/nginx/html/` - 可通过FTP工具（如FileZilla）或SSH命令（如`scp`）上传图片至服务器。 2. **安全组开放端口** 在阿里云控制台配置安全组规则，确保目标端口（HTTP默认80，HTTPS默认443，Tomcat常用8080）已开放。 - 操作路径：**云服务器ECS → 实例 → 安全组 → 配置规则 → 添加安全组规则**（参考引用2的端口开放逻辑）[^2] 3. **访问URL格式** 通过浏览器直接访问图片资源，格式为： ```http http://[服务器IP]:[端口]/[相对路径]/图片文件名.扩展名 ``` 例如： ```http http://123.123.123.123:8080/images/example.jpg ``` 4. **权限与路径检查** - 检查图片文件权限： ```bash chmod 644 /path/to/image.jpg # 确保Web进程有读取权限 ``` - 检查Web服务器配置： - Nginx示例配置： ```nginx location /images/ { root /data/static/; autoindex on; # 可选，允许目录索引 } ``` #### 常见问题排查 - **404错误**：路径错误或文件未上传到正确位置。 - **403禁止访问**：文件权限不足或目录索引未开启。 - **连接超时**：安全组未开放端口或服务器防火墙拦截。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丿BAIKAL巛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值