HJ公众号，H5和APP

H5目录结构

默认情况下JS 图片等加载路径均为 addons/zjhj_bd/h5
公众号为plugins/wechat
H5移动端为 plugins/mobile
2者的区别为 其mall/id 目录下 siteinfo.js配置的 platform 不同，分别为wechat 和 mobile

源码编译公众号和H5区别 platform 关键词

采用H5编译即可，最终发布主要是设置对应的 siteinfo.js的platform
详见代码 jweixin,js

	isWechat: function() {
		if (`${siteInfo.platform}` === 'mobile') {
			return 0;
		} else {
			return 1;
		}
    },

H5编译注意事项，其中README.md也有提到

修改manifest.json siteInfo.js version.js 3个问卷

//npm run build:h5
 "publicPath" : "/addons/zjhj_bd/h5/",
  "router" : {
      "base" : "/addons/zjhj_bd/h5/",
      "mode" : "hash"
  },

//npm run dev:h5
 "publicPath" : "/",
  "router" : {
      "base" : "/",
      "mode" : "hash"
  },

//npm run dev:h5 为了打包app
 "publicPath" : "./",
  "router" : {
      "base" : "/",
      "mode" : "hash"
  },

//siteinfo.js

// module.exports = {
//    acid: -1,
//    version: "1.0.0",
//    siteroot: "https://www.bangdian.net",
//    apiroot: "https://www.bangdian.net/web/index.php?_mall_id=1"
// };


 let siteInfo = {
     'acid': -1,
     'version': '1.0.0',
     'apiroot': 'https://shuzi.mojzp.com/web/index.php?_mall_id=1',
     'id': '1',
     'platform': 'mobile'  //mobile 或 wechat
 };

//verison.js

//module.exports = '4.5.14';
let version = '4.5.8'

使用 Hbuilder 5+app进行打包

第一步，先build为H5

/src/siteInfo.js文件
h5配置如下：

	let siteInfo = {
	    'acid': -1,
	    'version': '1.0.0',
	    'apiroot': '/web/index.php?_mall_id=1', //开发配置  
        'id': '1',//电商管理后台的小程序id
        'platform': 'mobile'
	};

version.js同上 改为let version

然后 npm run build:h5
此时打包的文件用于发布到H5的格式，其中js加载的相对路径在addon/h5

第二步，Hbuld 5+App云打包

2.1.新建5+app工程。
2.2.将原uniapp工程打包生成的dist文件夹（H5文件夹）中的内容复制粘贴进5+app工程中。
2.3.全局搜索 “/addons/zjhj_bd/h5/”
2.4.将全部 “/addons/zjhj_bd/h5/” 替换为 “./”
2.5.发行，原生App-云打包即可。

若发布H5在服务器就不用将 /addons/zjhj_bd/h5替换了，压缩该些文件丢到服务器根目录解压即可

优化

3.1 为了方便多次打包,也可以修改打包配置。在manifest.json 将/addons/zjhj_bd/h5/ 修改为 ./ (指方便app封装路径)
3.2 禾匠自带了 bd-h5-back 小组件用于返回。 部分子页面若不方便返回可以追加。

HBuilderX run dev实时查看

manifest.json .h5:publicPath 由"/addons/zjhj_bd/h5/" 修改为 ‘’/"