`

从外网访问本机的webapp

 
阅读更多

第一步:本机启动一个web app container,比如:tomcat或者jetty。监听任意端口,例如:8180或8081

第二步:确保本机的防火墙不会阻止外部访问这些端口。可以直接关闭防火墙。或者在防火墙的高级设置里,Inbound rules(进入规则)里添加一条新的规则来允许上述端口。

第三步:外网的请求要到达你的机器,还要通过家里的路由器,所以要确保路由器里的防火墙也允许上述端口。先设置虚拟服务器,然后在防火墙设置里启用。

第四步:外部通过本机的公网IP地址来访问本机,或者在本机上运行花生壳来绑定一个域名,通过域名来访问(那就更像真的网站了)。

分享到:
评论

相关推荐

    ios 网站套壳源码 webapp

    iOS Webapp 是一种将网页应用打包成类似原生应用的形式,用户可以在iOS设备上通过安装这个“壳”来访问和使用基于Web技术构建的应用。这种方式通常用于快速开发,或者作为原生应用的补充,特别是在不需要频繁更新...

    HTML5+JQuery Mobile 移动端WebApp案例

    本实例通过一个金融系统的移动端页面演示了这两者的应用,旨在促进学习和理解。 HTML5是超文本标记语言的最新版本,它引入了许多新特性以增强网页的交互性和功能。这些特性包括: 1. **离线存储**(Offline ...

    cas-server-webapp-4.1.5.war

    CAS是一个开源的身份验证框架,它允许用户通过单一登录(Single Sign-On, SSO)系统访问多个应用系统,无需为每个系统分别输入凭证。这里的"4.1.5"是版本号,意味着这是CAS项目在特定时间点发布的一个稳定版本。 ...

    react-基于react的cnode第三方webapp

    最后,完成的WebApp需要部署到服务器,以便用户访问。这可能涉及到Nginx或Apache的配置,以及CDN(内容分发网络)的使用,以提高加载速度和用户体验。 通过这个项目,开发者不仅展示了React技术栈的使用,还涉及到...

    webapp

    Webapp,即Web应用程序,是运行在Web服务器上,通过浏览器访问的交互式应用程序。这种类型的程序利用了互联网的广泛可达性,让用户无需安装即可在多种设备上使用,包括桌面电脑、平板电脑和智能手机。Webapp的核心...

    手机打开PC网站跳转至手机网站代码

    - 除了简单的跳转外,还可以根据用户的网络环境(如3G、4G、Wi-Fi)来调整页面加载策略,以提高用户体验。 - 可以考虑使用HTTP头部中的`Accept`字段来进一步细化设备类型判断。 3. **安全性考量**: - 在进行...

    dash_webapp_test

    总之,"dash_webapp_test"项目提供了一个实践机会,让你学习如何使用Python的Dash库创建交互式Web应用,并将其部署到线上环境,让全世界都能访问。通过这个过程,你将掌握服务器配置、前端开发以及应用部署等多个...

    BuildMyOwnWebApp:构建SJ的WebApp

    本项目"BuildMyOwnWebApp:构建SJ的WebApp"显然旨在指导用户如何从零开始创建自己的Web应用程序,特别关注HTML的学习和实践。在这个过程中,我们将探讨HTML的基本结构、元素、属性以及如何组织网页内容。 1. **HTML...

    mateobou.github.io:Webapp产品组合

    5. **响应式设计**:现代Webapp应该具备响应式设计,这意味着网页可以根据访问设备的屏幕大小和方向自动调整布局。这通常通过使用媒体查询(media queries)和灵活的网格系统(如Bootstrap框架)来实现。 6. **...

    Contact-List-WebApp:这是通过使用Django和purenHTML和CSS构建的Contact List WebApp。

    4. **URLconf**:负责将URL映射到相应的视图函数,使得用户可以通过特定的URL访问不同的功能。 在这个项目中,开发者可能创建了一个视图来处理联系人列表的显示,另一个视图处理表单提交,用于添加或更新联系人。...

    ansa-reader-webapp:一个简单的,无后端的PWA,用于读取来自ANSA的新闻

    在这种情况下,ansa-reader-webapp可能通过fetch API从ANSA的公开新闻API获取数据。这种架构减少了运维成本,但同时也要求前端代码能够处理数据获取和错误处理。 4. **Service Worker** Service Worker是PWA的关键...

    offline-webapp:FT方式的离线网络应用演示

    在本案例中,"offline-webapp:FT方式"可能指的是使用Fast Track(FT)策略来优化离线体验。 Fast Track是一种提高离线Web应用性能的策略,其核心思想是优先加载和缓存关键资源,确保用户在离线状态下仍能访问基本...

    app制作技术

    WebApp能够拥有和NativeApp相似的体验,并且支持离线工作、设备访问能力和云端升级等能力。此外,WebApp在云端协同工作方面亦具有潜力。针对移动WebApp的开发框架和平台进行了介绍,包括PhoneGap、jQueryMobile、...

    java login 用户登陆程序404错误解决办法

    - **验证Web上下文路径**:通过项目的属性设置(Project Properties)检查项目的Web上下文路径(Context Path),确保其与访问URL中指定的路径相匹配。 #### 2. 检查URL格式 - **确认URL是否准确无误**:包括主机...

    drumkit-beta:一个使用键盘弹奏鼓的迷你WebApp

    5. 性能优化:考虑到WebApp的实时性,开发者可能会关注性能优化,例如预加载音频资源以减少延迟,或者利用Web Workers进行后台计算,避免阻塞主线程,保持界面的流畅性。 6. 可访问性和适应性:为了使"drumkit-beta...

    web前端开发笔记 边读边写学前端开发

    要让手机访问自己的网页,有多种方法:将代码上传至外网,购买域名和空间;使用云应用服务;在本地搭建Web服务器,如WAMP或使用Node.js的BrowserSync,或者通过HBuilder等集成开发环境内置的模拟器进行测试。在本地...

    newsPWA:使用PWA技术,构建一个可离线的新闻webAPP

    通过PWA,开发者可以创建一个既可以在网络上访问,又可以安装到用户设备主屏幕的应用程序,且具备离线工作能力。下面我们将深入探讨如何使用PWA技术构建一个可离线的新闻WebAPP。 **1. PWA核心特性** - **渐进增强...

    Spring打包jar包时jsp页面无法访问问题解决

    在原始的`pom.xml`配置中,静态资源目录`src/main/webapp`被设置为打包到`META-INF/resources`路径下,这是Spring Boot处理静态资源如CSS、JavaScript等的标准做法。但是,JSP页面在Spring Boot应用中并不像静态资源...

Global site tag (gtag.js) - Google Analytics