文档中心
官网

图文H5程序

背景

考虑到 uniapp 对富文本、公式、代码高亮等场景的渲染不佳,我们将图文阅读页面使用 HTML5 的方式进行开发。

Q:我一定要部署此项目吗?
A:如果您用到图文功能那么必须得部署。

部署

一、程序解包

我们交付给客户的源代码中,图文H5的程序目录如下图: image.png 将此包解压,并进入解压后的目录。

二、编译

此程序是是使用 vue2 + Nodejs@16.x 开发的。在开始编译之前,请确保您的机器安装有 nodejs 且它的版本号为 v16.x

必须是 v16.x 版本。版本高了或者低了编译都存在问题。

打开命令行,进入到第一步解包后的目录,执行下面的命令安装依赖:

npm i

执行成功之后,执行下面的命令编译程序:

npm run build

上述命令执行完成以后,会在目录下生成 dist目录,该目录下一步将会用到。

三、部署

进入到 meedu 的 API 程序所在的目录,点击 addons目录: image.png image.png image.png image.png 将编译好的 dist目录上传到这里,上传之后如下: image.png

到这里部署完成!