news 2026/4/24 2:12:30

H5+uni-app 项目局域网部署完整教程

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
H5+uni-app 项目局域网部署完整教程

uni-app 开发的 H5 项目,局域网部署就是让同一 WiFi / 局域网内的手机、电脑直接访问你的 H5 页面,无需公网服务器,适合内网测试、办公场景使用。

一、核心原理

  1. 你的电脑作为本地服务器
  2. 同一局域网设备通过电脑的局域网 IP + 端口访问
  3. uni-app 编译出纯 H5 静态文件,直接托管即可访问

二、第一步:获取电脑的局域网 IP

Windows

  1. 按下Win + R,输入cmd打开命令行
  2. 输入:
ipconfig
  1. 找到无线局域网适配器 WLAN里的IPv4 地址示例:192.168.1.105

三、第二步:编译 uni-app H5 静态包

HBuilderX 操作

  1. 打开你的 uni-app 项目
  2. 点击顶部菜单栏:运行 → 运行到浏览器 → 编译成 H5 资源

四、第三步:局域网托管 H5(3 种极简方案)

方案 1:使用 HBuilderX 内置服务(最简单)

  1. 在 HBuilderX 中
  2. 点击运行 → 运行到浏览器 → 选择任意浏览器
  3. 浏览器会打开地址,例如:
    http://localhost:8080
  4. localhost换成你的局域网 IP
    http://192.168.1.105:8080
  5. 同一局域网手机 / 电脑直接访问这个地址即可 ✅
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/24 2:09:19

如何快速管理Steam成就:简单三步掌控游戏成就系统

如何快速管理Steam成就:简单三步掌控游戏成就系统 【免费下载链接】SteamAchievementManager A manager for game achievements in Steam. 项目地址: https://gitcode.com/gh_mirrors/st/SteamAchievementManager 还在为那些难以达成的Steam游戏成就而苦恼吗…

作者头像 李华
网站建设 2026/4/24 2:07:22

AI推理性能暴涨3.7倍的秘密(CUDA 13.2 + 自定义GEMM插件实战手记)

第一章:CUDA 13 编程与 AI 算子优化 CUDA 13 引入了对 Hopper 架构的深度支持,包括全新的 Warp Matrix Instructions(WMMA)、增强的异步内存拷贝机制,以及更细粒度的流式调度能力。这些特性显著提升了 AI 算子在训练与…

作者头像 李华
网站建设 2026/4/24 2:05:46

SAP AVC实战:从MTO订单到交付的可配置物料全链路解析

1. 可配置物料的前世今生:从LO-VC到AVC的进化之路 第一次接触可配置物料是在2015年,当时客户需要定制一批液压系统,每个订单的参数都不同。传统做法是给每个变体创建独立物料号,结果一个月下来物料主数据暴涨300%,MRP跑…

作者头像 李华
网站建设 2026/4/24 2:02:17

Windows开发环境配置

1、安装JDK 1.1、jdk 8 D:\software\Java\jdk1.8.0_2021.2、jdk 17 D:\software\Java\jdk-171.3、jdk 25 D:\software\Java\jdk-251.4、配置环境变量 JAVA8_HOMED:\software\Java\jdk1.8.0_202 JAVA25_HOMED:\software\Java\jdk-25 JAVA_HOME%JAVA8_HOME%1.5、配置Path2、安装M…

作者头像 李华
网站建设 2026/4/24 2:00:17

别再手动抄坐标了!用Python一键提取UG模型边界点(附完整代码)

用Python自动化提取UG模型边界坐标的工程实践 在逆向工程、3D打印预处理和CAE分析中,工程师经常需要从三维模型中提取大量边界点坐标。传统手动记录或界面导出方式不仅耗时耗力,还容易引入人为错误。本文将分享一套基于Python的自动化解决方案&#xff0…

作者头像 李华