1.  登录号卡管理后台-点击右下角

20230507071150681

2. 弹出下载后缀.zip压缩包,下载后打开压缩包所在路径,鼠标“右键”解压;如图:

20230507071512142

3. 下载HBuilder X软件并安装(如已有此软件则忽略此步骤);如图:

202305070815259504. 打开HBuilder X软件

  • 点击左上角“文件”--选择“打开目录”;如图:

20230507071825210

  • 找到所解压后的"uniapp"文件夹,点击右下角“选择文件夹”;如图:

20230507072130345

  • 成功后会在HBuilder X软件内-左侧显示“uniapp”,如图:

20230507072332970

5. 点击路径:uniapp\manifest.json后,点击右“重新获取”,如图:

20230507072511826

  • 弹窗再次点击“继续”,如图

20230507072710640

  • 成功后,uni-app应用表示(APPID)内的数据会变动,如图:

20230507072816438

6. 打包发行应用,点击顶部“发行”--选择“网站-PC WEB或手机H5”,如图:

  • 后续其它端也是在此处打包,例如选择“小程序-微信”(目前测试版暂时不支持其它端,敬请等待);

20230507072950679

  • 修改网站标题、网站域名(这里以https://shop.cxszn.com为例)为自己内容,再次点击“发行”,如图:
例如:
网站标题:uniapp
网站域名:https://shop.cxszn.com

以上信息改为自己的即可

20230507073422496

  • 打包完成后如下图所示,并点击图片所示路径,打开所打包的文件,如图:

20230507073936216

7. 打开所打包后的路径默认为“h5”,点击鼠标“左键”拖动选择“h5”文件夹内所有文件 或 按住键盘“Ctrl+A”全选(两种方法二选一)后,再次点击鼠标“右键”--选择“压缩”为zip或rar格式,如图:

 

20230507075136350

 

  • 成功后如下图所示:

 

202305070757127878. 打开宝塔面板(其它环境面板请自行测试),选择号卡所在的网站根目录/public下,上传所打包的压缩包并解压,如图:

20230507080138924

  • 点击选择所上传后的h5.rar,点击“解压”,如图:

20230507080456852

  • 弹窗后,再次点击“解压”,如图:

20230507080609994

  • 解压完成后,删除所上传的h5.rar压缩包,如图:

20230507080748619

9. 访问路径:号卡域名/index.html#/?mid=1,确认是否成功;

  • 如是店铺入口链接,请登录店铺账号,点击左侧“店铺”--选择“我的店铺”即可获取h5前端链接;如图:
  • 注意如店铺链接后缀mid=1、mid=3代表每个店铺拥有者,根据不同参数用户访问的店铺也不一样,请知悉;

20230507081116319

© 版权声明
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容