Skip to content

H5 站点部署

旺财狗的 H5 站点,可以是一个独立网站,也可以嵌入微信公众号里使用。下面分 Windows 和 Linux 两种方式,教你把站点跑起来。

1 Windows 搭建 H5 站点

  1. 蓝揍网盘(密码aq4e) 下载程序包 rebateDogH5_windows_amd64

  2. 先修改 wwwroot/static/config/config.js 里的旺财狗服务器地址,改成你自己的旺财狗地址和端口,如下图:

Windows搭建H5站点方法

  1. 解压后,运行目录下的 RebateDogH5.exe 主程序,如图:

Windows搭建H5站点方法 2

  1. 双击运行后,浏览器打开 http://localhost:5000 即可,如图:

Windows搭建H5站点方法 3

如果提示服务器异常,按键盘 F12 打开浏览器调试界面,查看具体报错信息,根据报错修正问题。

💬 重要提示

Windows 版要改端口,可以修改 appsettings.json 文件里的服务端口。

2 Linux 搭建 H5 站点

💬 重要提示

Linux 版比较常用,因为很多人喜欢把站点托管到 Linux 服务器上。下面用 nginx 的 docker 镜像来搭建。

2.1 准备静态文件

蓝揍网盘(密码aq4e) 下载程序包 rebateDogH5_windows_amd64(这个包虽然写着 win,但解压后 wwwroot 里的静态文件是通用的)。

我们只用 wwwroot 内部的内容,把它上传到 Linux 主机。

准备静态文件

注意只要 wwwroot 目录里面的内容。

上传前请修改好 /static/config/config.js 里的服务器地址,改成你自己的旺财狗地址和端口。

准备静态文件 2

比如传到 /root/AppWeb 下面。

准备静态文件 3

2.2 下载镜像并部署

下载已经配置好配置文件的 nginx docker 镜像:

bash
docker pull crpi-5mft5k2asrq5fkut.cn-hangzhou.personal.cr.aliyuncs.com/zhaoyangguang/rebatedog_web

docker tag crpi-5mft5k2asrq5fkut.cn-hangzhou.personal.cr.aliyuncs.com/zhaoyangguang/rebatedog_web rebatedog_web

第一行是下载镜像,第二行是给镜像重命名标签,让名字短一点。然后执行下面(先看注释,懂了再干):

bash
docker run -d \
  --name my_rebatedog_web \
  -v /root/AppWeb:/usr/share/nginx/html \
  -p 80:80 \
  rebatedog_web

上面这条命令用来启动配置好的 docker,其中有两点需要改动:

  • /root/AppWeb 是你把静态文件上传到 Linux 主机里的实际目录
  • 80:80 里前面的 80 是你要映射出去的端口号,后面的 80 是容器内部端口;要改就改前面的 80

启动容器后,访问 docker 的 ip 地址 + 端口 80,就能看到你搭建的 H5 了。

一些家庭宽带会限制 80 端口,可以改成其他端口。如果发现连接不上旺财狗服务器,按 F12 查看报错,仔细排查原因。

本网站为教程合集,欢迎指出宝贵意见。 鲁ICP备14021382号-1