安装打包工具

移动端商城因为是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文件夹下