flutter web项目 通过内网穿透让外网访问

已于 2022-11-29 11:12:27 修改
阅读量1.2k 收藏
点赞数
分类专栏： flutter 文章标签： flutter
于 2022-11-11 16:08:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41642795/article/details/127807517
版权

第一步

创建flutter web项目

flutter create my_app

在这里插入图片描述

第二步

构建web平台

flutter build web

在这里插入图片描述

第三步

进入构建好的web文件夹，启动 Web 服务器（例如，python -m SimpleHTTPServer 8000，或使用 dhttpd package）

python3 -m http.server 8000

在这里插入图片描述
本地已经可以访问

最低0.47元/天 解锁文章
渣女园
关注
专栏目录
原创 Flutter从0到1构建大前端应用（十八）：http内网穿透篇
许晨的博客
01-13 527
文章目录前言1. Spring Boot项目 配置HTTPS1-1 LS内网穿透1-2 Spring Boot项目配置1-3 RS服务器配置1-3-1 RS内网穿透1-3-2 RS Nginx配置（重点）2 Spring Boot +LS+RS启动测试 前言 负责本地网站的承载的服务器下面称为LS。 负责远程端口、负载均衡，内网穿透的服务器下面成为RS. 1. Spring Boot项目 配置H...
如何让自己开发的web项目实现外网访问
xiaxiahhu111的博客
08-08 6662
如何让自己开发的web项目实现外网访问 这是小编第一次写博客，记录一下这些天一直在做的一件事情，如何把自己开发的springboot项目部署到华为云的远程服务器上，实现外网访问，如果对于此问题说的有什么不对的问题，欢迎各位大佬们在评论区留言指正。 大体思路：将springboot项目打包成war包，在远程服务器下下载tomcat，在服务器的tomcat上运行项目的war包，最终简化访问项目路径，实现输入域名就能直接访问网站首页的效果 （此步骤是在域名已经解析完成，并通过网站备案之后完成的） 需要的工具：I
解决flutter浏览器(web)调试跨域问题和 打包后安装在手机后无法访问网络的问题
最新发布
qq_18367465的博客
07-22 738
开发中使用android仿真机测试没有问题，但是在浏览器上测试时访问网络会提示一个错误入如下： 翻译: 浏览器错误提示： 明显就是跨域问题。修改在flutter sdk路径下D:\xxxxx\xxxx\flutter\packages\flutter_tools\lib\src\web的chrome.dart文件，在如图位置添加 ‘–disable-web-security’, 。 然后需要删除如图两个文件： 然后重新运行项目即可。这里忘记截图，给出解决方案。如图路径下修改 AndroidManife
如何通过外网访问我的web程序
Doff's blog.
01-15 2577
最近有很多同学在群里问，为什么我的web程序在外网上不能访问？ 现在我就来说说如何将局域网中某台服务器上web应用程序放到外网上： 1首页我们需要保证本地局域网能正常使用 2因国内运营商基本上是关闭了80端口，所以在新建站点时，我们需要把端口修改成80以外的端口，我这里把端口修改成8080 3登录路由器，设置端口映射，这里以TP-Link为例（其它品牌的路由
如何利用自己的电脑做服务器发布tomcat的WEB项目供外网访问
okkeqin的专栏
11-03 6694
1、首先你要确定你有一个外网ip地址。如果你分配到的是一个局域网IP地址需要经过一系列的转换为外网ip地址，然后继续下面操作。 2、拿到外网IP地址，进行tomcat的server.xml文件的配置。主要进行下面三个地方的配置（本次配置采用的tomcat版本号是7.0.27）  1）80" protocol="HTTP/1.1"   connectionTimeout="20000"     
【Flutter web】内网网站如何发布?解决外网下canvaskit.js和字体无法加载问题
qq1377399077的专栏
11-27 6062
背景 由于部署的网站只能在内网下使用，部署服务器又不能访问外网，导致Flutter web部署遇到很多问题，比如：白屏。 部署的网站为何首次加载缓慢，会白屏？ 通过浏览器开发工具看图： 可以看到css和ttf文件加载失败了（也要注意cancaskit.js和canvaskit.wasm这两个文件，内网环境下肯定也是不能fetch的），那么白屏或者白屏后字体不见了问题就是这个获取失败了，查看这两个文件加载地址： https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu
如何让自己的JavaWeb项目可以被别人访问到？
歪歪坨的博客
10-07 9481
新手在做完一个JavaWeb项目后，如何发布到外网？让朋友们都能够访问到你的项目呢？ 首先你得有个云服务器，目前有很多非常流行的云服务器，比如百度云，阿里云，腾讯云之类的，但是配置相对复杂，对新手不是很友好，那么有没有一种简便的方法呢？ of course！ 下面介绍的就是使用“花生壳”软件将外网的域名和端口映射到内网的域名和端口当中，即内网映射，也就是“内网穿透”，下面详细介绍使用步骤： 1.首先在IDEA中，启动tomcat，保证你的项目能够正常运行 2.下载“花生壳”软件 ...
flutter web登录和注册页
04-12
在Flutter Web开发中，构建登录和注册页面是任何应用程序的基础组成部分。Flutter是一个强大的跨平台...通过实践这个项目，开发者能够深入理解Flutter Web开发的基本流程和技巧，为进一步的Web应用开发打下坚实基础。
【flutter】搭建Android本地web服务项目-源码
04-24
这是一个flutter项目，用AndroidStudio开发工具创建，主要用于实现Android APP运行本地web服务站点的功能，仅支持部署静态网页托管，在WIFI局域网内访问，相关学习文章请访问...
【Flutter】Flutter Web 开发 如何从 URL 中获取参数值
Code Metaverse
10-01 1288
`window.location` 对象表示当前文档的 URL，它有很多属性和方法，可以帮助我们获取和操作 URL。比如，我们可以使用 `window.location.href` 来获取当前页面的完整 URL，使用 `window.location.search` 来获取 URL 中的查询字符串等。
Flutter Web项目演示了TMDB克隆，并由tmdb api提供支持。-Flutter开发
05-28
在本专题中，我们将探索如何设计和开发用于移动设备的Flutter应用程序，然后将其部署到Web上。 还涵盖了响应式布局，导航概念和API管理的端到端UI开发概念。 印度Devfest 2020 Flutter Track DAY1 DAY2 Flutter项目...
Flutter 指针事件原理&amp；点击穿透_flutter pointer，2024年最新flutter页面跳转动画
2401_84164503的博客
04-15 829
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！vip204888 （备注鸿蒙）**[外链图片转存中…(img-PRtQFOK8-1713124762302)]
Flutter开启本地webserver访问本地html
flutter 安卓按返回键回到手机桌面，不退出app
07-04 6171
本地html的pc浏览器效果： flutter app的浏览效果： 1.本地html存放目录 2.pubspec.yaml配置 重要：html内有多少个目录，就必须配置多少个目录，不然打包时没有配置的目录即使里面有文件也不会被打包到项目内 3.插件配置 jaguar_flutter_asset: ^2.2.0 开启本地服务器的插件github地址 webview_flutter: ^0.3...
Flutter点击事件的穿透,父元素点击事件覆盖了子元素点击的问题
天渺(喵)工作室
12-02 5803
在web 中类似的情况的都被成为点击穿透事件 在flutter中 ，组件的嵌套 也存在类似情况，flutter中的所有点击事件 一层一层源码找 最终都是 有兴趣可以去看官方文档 GestureDetector 组件的源码中的behavior 属性 三个内容 枚举 值 方法1 ... InkWell( onTap: () {}, child: GestureDetector( beh...
flutter_web 记录
qq_45624072的博客
11-03 379
flutter_web一些教程
Flutter 指针事件原理&amp；点击穿透_flutter pointer
2401_84181501的博客
04-11 217
HitTestResult? hitTestResult; if (event is PointerDownEvent || event is PointerSignalEvent || event is PointerHoverEvent) { //省略… hitTestResult = HitTestResult(); hitTest(hitTestResult, event.position); //看这里!!! //省略… } dispatchEvent(event, hitTestResult
Fluidd摄像头公网无法正常显示修复一例
dalingjishunan的博客
09-05 673
Fluidd摄像头在内网正常显示，公网一直无法显示，经过排查发现由于url加了端口号引起的，摄像头url中正常填写的是/webcam?action=snapshot，或者/webcam?但是由于nginx跳转机制，会被301跳转到/webcam/?action=snapshot，问号前面加了个斜杆，但是301跳转的时候没有带上原url中的端口号，导致视频无法显示。或者直接在fluidd摄像头设置中用 ：/webcam/?action=snapshot作为url。
是flutter web项目
04-29
了解了，Flutter Web 是一种使用 Flutter 框架来构建 Web 应用程序的方法。使用 Flutter Web，您可以在Web浏览器中构建高性能、可扩展的应用程序，而无需为不同的平台编写不同的代码。Flutter Web 允许您使用相同的 Dart 代码库来构建Web应用程序和移动应用程序，从而简化了开发过程。如果您对 Flutter Web 有任何问题或需要帮助，请告诉我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值