🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 第一步: 编译前配置 ``` 具体步骤如下图 ``` ![](https://img.kancloud.cn/1a/62/1a628a8aee328580962e5bec6dbda260_924x808.png) ``` 这里要注意上图中的第5步骤中的“运行的基础路径”参数。 该参数指定编译后生成的H5代码文件,存放在服务器的位置。 ``` ## 第二步:编译发行H5代码 ``` 步骤:点击发行菜单->网站-PC,然后显示如下图。 ``` ![](https://img.kancloud.cn/ce/b8/ceb81807e5eed4f118e7f09c0e23ef8c_1047x461.png) ## 第三步:编译成功 ``` 编译成功并完成后会出现如下界面 ``` ![](https://img.kancloud.cn/33/e3/33e3b8bb797d3b3cee9692af868a8bc2_1063x849.png) ``` 点击上图红框内的路径,打开H5代码存放的位置,并上传至服务器端即可。 上传到服务器的位置,这里在强调,请参考上面第一步设置的“运行的基础路径” ``` ## 如何在公众号调用H5页面 ``` 如在公众号中调用,如下图 ``` ![](https://img.kancloud.cn/e8/7a/e87adf309ab06ce21338c7c78c018b4c_1480x706.png) ```