安装打包工具
移动端商城因为是uniapp开发所以必须Hbuilder工具,打开 第一次了解的戳这里HBuilderX-高效极客技巧 (dcloud.io)
下载安装Hbuilder X
1. 访问 Hbuilder X 官网 https://www.dcloud.io/hbuilderx.htmlopen in new window,下载适合自己系统的版本,然后进行安装
2. 进行登录工具,没有账号的先申请账号
导入项目
2. 启动Hbuilder X,单击【文件】->【打开目录】,导入前端代码

安装依赖
1. 单击工具下方的终端,打开终端,输入npm install执行依赖安装。如果提示需要安装插件,请单击确认并继续安装。

重新生成自己的uni-app ID
重新获取到自己的ID才能后续各种版本的打包编译操作

否则会提示错误

在项目的根目录,打开manifest.json文件,点击最上方的基础配置,在uni_app应用标识后方点击重新获取,以及修改应用程序名称
重新生成如下图所示:

修改BaseUrl
打开utils/request.js文件,并修改红框标出来的URL为自己后端的域名:

编译发行H5端
在安装完项目依赖后,就可以编译打包了。
单击【发行】->【网站-PC】,然后单击发行,找到如下图标识1,进行发布到H5

输入网站标题,域名可不填

编译成功后会打开内置浏览器显示页面。如果编译不成功,请重试。如果多次编译不成功,可能是前面的步骤没有完成。

打包完成后,将dict目录的文件拷贝到新建的打包文件中的webroot/h5文件夹下
