uniapp打包H5部署在本地电脑,开启内网穿透

用uniapp开发的跨平台项目可以打包H5,手机电脑均可访问。

打包步骤

1、点发行-网站PC-web或手机H5


image.png

2、填写网站标题和网站域名(也可不填)


image.png

3、等待一会,控制台会输出打包结果


image.png

4、安装nginx,找到nginx.conf文件,打开,在server的listen节点设置端口号8088,把打包的路径配置在server-location的root节点,如下图


image.png

5、重启nginx,终端输入brew services restart nginx


image.png

6、完成配置,即可在浏览器输入http://localhost:8088/#/访问

image.png

7、那如果想要在手机上4G访问如何实现? 需要借助工具开启内网穿透,这边以natapp为例

8、注册登录,登录后,点击左边 购买隧道,免费/付费均可


image.png

9、根据需要选择隧道协议,这里以web演示,购买隧道


image.png

10、在 natapp.cn 根据您的本机下载对应的客户端,比如我的本机是mac,arm64位,则下载对应的客户端

image.png

11、运行natapp,windows下,直接双击natapp.exe 即可.
在Linux/Mac 下 需要先给执行权限chmod a+x natapp
然后再运行./natapp


image.png

12、通过浏览器可直接访问http://7wtyvy.natappfree.cc,免费版的这个地址会变,仅供临时测试使用

image.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容