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

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

作者: 一夜暴富两夜也行 | 来源:发表于2023-04-18 11:01 被阅读0次

    用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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/kdphjdtx.html