公众号(H5)及小程序的发布流程

⚠️ Web平台本API之前调用了腾讯地图的gcj02坐标免费转换接口,该接口从2024年7月18日起被腾讯逐步下线,导致老版本中本API无法使用。请立即升级到 uni-app 4.24版。

⚠️ 这里说的 uniapp 升级到 4.24 版的意思,就是使用 4.24 版本 HBuilderX 工具的重新发布操作一次即可;

即:多商户店铺街无法定位的原因

一、发布工具准备

  1. 发布必须是用 HBuilderX 工具,下载地址: https://hx.dcloud.net.cn/Tutorial/install/windows

  2. 注意 HBuilderX 工具版本必须是大于等于 4.24 版本,原因: https://zh.uniapp.dcloud.io/api/location/location.html

  3. 查看版本,安装完成后,打开 HBuilderX 最上面就有显示

在这里插入图片描述
二、导入 项目

  1. uniapp 项目的源代码,例如多商户源代码位置(uniapp.zip): https://doc.crmeb.com/mer/mer2/6055 ;

  2. 找到源码压缩包,进行解压;

  3. 直接将整个解压出来的文件夹拖入 HBuilderX 工具中在这里插入图片描述
    三、如果需要用到定位则需要配置地图 key,例如:店铺街中的定位;

  4. 申请地图 key,以腾讯地图为例,申请地址: https://lbs.qq.com

  5. 注意事项:在这里插入图片描述
    三、配置地图 key

  6. 修改移动端在这里插入图片描述

  7. 修改后台在这里插入图片描述
    四、配置请求地址

  8. 如果是 H5 并且不是独立部署,可以跳过此步骤;

  9. 如果是小程序,则必须是 https 和 wss

在这里插入图片描述
五、发布

  1. 点 【发行】,是【发行】 【不是运行】,如果点开都是【灰色】的,说明没有选中项目,点击一下这个项目中的任意一个文件即可

在这里插入图片描述
2. 如果选择发布端在这里插入图片描述
3. 如果是发布小程序,需要下载小程序运行工具,下载地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

六、 最后一步

  1. H5 代码上传到服务器,将打包好的这个文件夹下的文件全部打包,上传到服务器项目的 public 目录下

在这里插入图片描述
2. 小程序发布 :

https://doc.crmeb.com/mer/mer2/4269

https://doc.crmeb.com/mer/mer2/4270

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于移动端H5登录页面的Vue2实现,可以参考Vue-Mobile这个项目。Vue-Mobile是基于Vue-cli实现的移动端H5开发模板,已经搭建好了基本的开发框架,可以帮助您快速开发移动端H5应用。项目使用的技术栈包括Vue、Vux、Axios和Less,并且提供了功能丰富的模板代码。您可以在该项目的GitHub地址找到源码。 另外,如果您想使用Vue.js3版本来实现移动端H5登录页面,可以考虑使用基于Vue.js3和TypeScript脚本的手机H5框架。该框架使用了Vant UI界面(兼容公众号小程序),并且封装了网络交互单元和Axios拦截等功能,以便简化开发流程。该框架的目标是设计一个简单、易用的移动端手机App[2]。 参考资料: Vue-Mobile项目源码地址:https://github.com/Michael-lzg/vue-mobile 手机H5框架基于Vue.js3版本的简单登录页面实现<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [详解搭建一个vue-cli的移动端H5开发模板](https://download.csdn.net/download/weixin_38730201/13135443)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [简单好用的移动端H5框架,Vue3、TypeScript,VantUI界面,OneMobileWeb](https://download.csdn.net/download/sky56it/19838982)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值