HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

关于uniapp vue2项目 使用地图和定位模块踩的坑和解决方案

高德地图 百度地图 uniapp

在写uniapp vue2项目时需要写考勤相关的功能,在定位和地图踩了很多坑,在此记录分享一下踩坑记录和解决方案

一、关于我使用下来 百度、高德、腾讯 踩的坑

系统定位不在我的选择范围内,此处没有讨论,有经验的可以在评论区补充。

  1. 百度
    HBuilder X(4.28.2024092502) 这个版本前我一直使用百度地图 百度定位,其中会有偶发的定位偏移问题,这个问题有人在社群反馈但一直未解决【百度地图定位偏移问题(可点击)】。HBuilder X(4.28.2024092502) 移除了百度地图和百度定位,加上定位偏移问题很突出,决定更换运营商。

  1. 高德
    更换成高德地图和定位后,地图显示正常,定位在ios端使用uni.getLocation获取慢(大概要用10s),这个问题我在社群反馈单一直为解决【高德定位ios端获取慢问题(可点击)】。最近(2025.4.15)重新尝试发现高德定位在安卓端连address都不能返回详细地址了,不满足需求,所以决定再次更换运营商。

  2. 腾讯
    更换成腾讯地图和定位后,弹出问题:打包时未添加maps模块,这个问题有人在社群反馈已找到原因(maps仅支持vue3项目)但未解决【腾讯地图报错未添加maps模块(可点击)】。大bug,不满足需求。

二、我的解决方案

首先我得到的结论:

  1. 百度地图未来版本已不支持,所以排除百度地图和百度定位。
  2. 高德地图好用,但高德定位获取地址有问题。
  3. 腾讯定位好用,但腾讯地图报错。

思考后尝试用高德地图 腾讯定位,在HBuilder X(4.57)下打包后地图可以正常显示,定位可以正常获取地址。此问题暂时解决。

继续阅读 »

在写uniapp vue2项目时需要写考勤相关的功能,在定位和地图踩了很多坑,在此记录分享一下踩坑记录和解决方案

一、关于我使用下来 百度、高德、腾讯 踩的坑

系统定位不在我的选择范围内,此处没有讨论,有经验的可以在评论区补充。

  1. 百度
    HBuilder X(4.28.2024092502) 这个版本前我一直使用百度地图 百度定位,其中会有偶发的定位偏移问题,这个问题有人在社群反馈但一直未解决【百度地图定位偏移问题(可点击)】。HBuilder X(4.28.2024092502) 移除了百度地图和百度定位,加上定位偏移问题很突出,决定更换运营商。

  1. 高德
    更换成高德地图和定位后,地图显示正常,定位在ios端使用uni.getLocation获取慢(大概要用10s),这个问题我在社群反馈单一直为解决【高德定位ios端获取慢问题(可点击)】。最近(2025.4.15)重新尝试发现高德定位在安卓端连address都不能返回详细地址了,不满足需求,所以决定再次更换运营商。

  2. 腾讯
    更换成腾讯地图和定位后,弹出问题:打包时未添加maps模块,这个问题有人在社群反馈已找到原因(maps仅支持vue3项目)但未解决【腾讯地图报错未添加maps模块(可点击)】。大bug,不满足需求。

二、我的解决方案

首先我得到的结论:

  1. 百度地图未来版本已不支持,所以排除百度地图和百度定位。
  2. 高德地图好用,但高德定位获取地址有问题。
  3. 腾讯定位好用,但腾讯地图报错。

思考后尝试用高德地图 腾讯定位,在HBuilder X(4.57)下打包后地图可以正常显示,定位可以正常获取地址。此问题暂时解决。

收起阅读 »

IM 即时通讯SDK 包括支持uniappx

即时通信 IM

全栈自研的云IM SDK 包括支持uniappx,w+18515882406

全栈自研的云IM SDK 包括支持uniappx,w+18515882406

uniapp x开发用uni.request发送请求一直报602001 "errMsg": "request system error" js端可运行 【已解决】

bug反馈

如果是全栈的兄弟们,就是本地环境的接口是会报这个错的,换成公网的接口就行了,不知道是bug还是什么,对于集成本地环境的兄弟不太友好

如果是全栈的兄弟们,就是本地环境的接口是会报这个错的,换成公网的接口就行了,不知道是bug还是什么,对于集成本地环境的兄弟不太友好

文档优化 - 示例图先行

uniapp 教程 文档

作为一个初次接触 uniapp 的用户,看了 uniapp 组件以及 api 的文档,发现有一个迫切需要优化的地方。

我建议应该优先列出组件或者 api 的示例图片或动图,使得用户第一时间直观的看出其效果。各种属性的作用,也最好使用图片来解释。至于具体的属性参数等,应该在最后列出。

总之,建议示例图片先行,这一点对于新用户非常重要。

继续阅读 »

作为一个初次接触 uniapp 的用户,看了 uniapp 组件以及 api 的文档,发现有一个迫切需要优化的地方。

我建议应该优先列出组件或者 api 的示例图片或动图,使得用户第一时间直观的看出其效果。各种属性的作用,也最好使用图片来解释。至于具体的属性参数等,应该在最后列出。

总之,建议示例图片先行,这一点对于新用户非常重要。

收起阅读 »

uniCloud阿里云服务空间数据库系统架构升级通知

uniCloud

尊敬的uniCloud开发者,您好!

uniCloud阿里云服务空间于2025年4月12日对数据库进行系统架构升级,升级期间影响新建服务空间的数据表创建,其他功能不受影响,预计4月12日下午14点恢复,感谢您的支持与理解。

尊敬的uniCloud开发者,您好!

uniCloud阿里云服务空间于2025年4月12日对数据库进行系统架构升级,升级期间影响新建服务空间的数据表创建,其他功能不受影响,预计4月12日下午14点恢复,感谢您的支持与理解。

uni-app h5项目在linux系统运行,打包

Linux HBuilderX CLI

微信有了linux,更换ubunut24.04.1系统进行日常工作,发现hbuilderx可视化并未推出,只能在cli模式下进行开发。手上有个旧版uniapp的h5项目,搜了官方文档,没有找到相关运行的文档,记录分享给有需要的朋友,如有不当,还请指出。
cli 文档地址:https://hx.dcloud.net.cn/cli/README,下载地址:https://ask.dcloud.net.cn/article/41469

开发

1.启动xbuilder cli open
2.登录账号 cli user login --username <用户名> --password <密码>
3.导入项目。 cli project open --path 项目路径

  1. 进入HBuilderX/plugins/node 查看node版本,运行nvm use node版本号,使用对应的node版本号。
  2. 进入到 HBuilderX/plugins/uniapp-cli 目录,运行UNI_INPUT_DIR=填写项目路径UNI_OUTPUT_DIR=填写项目路径/unpackage/dist/dev/h5 UNI_PLATFORM=h5 NODE_ENV=development node bin/uniapp-cli.js

打包

cli publish --platform h5 --project 项目名称

继续阅读 »

微信有了linux,更换ubunut24.04.1系统进行日常工作,发现hbuilderx可视化并未推出,只能在cli模式下进行开发。手上有个旧版uniapp的h5项目,搜了官方文档,没有找到相关运行的文档,记录分享给有需要的朋友,如有不当,还请指出。
cli 文档地址:https://hx.dcloud.net.cn/cli/README,下载地址:https://ask.dcloud.net.cn/article/41469

开发

1.启动xbuilder cli open
2.登录账号 cli user login --username <用户名> --password <密码>
3.导入项目。 cli project open --path 项目路径

  1. 进入HBuilderX/plugins/node 查看node版本,运行nvm use node版本号,使用对应的node版本号。
  2. 进入到 HBuilderX/plugins/uniapp-cli 目录,运行UNI_INPUT_DIR=填写项目路径UNI_OUTPUT_DIR=填写项目路径/unpackage/dist/dev/h5 UNI_PLATFORM=h5 NODE_ENV=development node bin/uniapp-cli.js

打包

cli publish --platform h5 --project 项目名称

收起阅读 »

希望增加多一些快捷方式

快捷键

增加IDEA的高亮词汇,按ctrl可以快速跳转到引用代码块等

增加IDEA的高亮词汇,按ctrl可以快速跳转到引用代码块等

关于uni-app X项目离线打包自定义基座不显示静态资源的解决方法

自定义基座 uni-app x 离线打包

targetSDK 34
在AndroidManifest.xml中先关闭调试:

<meta-data  
            android:name="DCLOUD_DEBUG"  
            android:value="false" />

点Run
在生成apk后再打开调试,选择:Build -> Generate App Bundles or APKs -> Generate APKs
这样生成的基座在HBuilder中就可以正常显示静态资源文件了

继续阅读 »

targetSDK 34
在AndroidManifest.xml中先关闭调试:

<meta-data  
            android:name="DCLOUD_DEBUG"  
            android:value="false" />

点Run
在生成apk后再打开调试,选择:Build -> Generate App Bundles or APKs -> Generate APKs
这样生成的基座在HBuilder中就可以正常显示静态资源文件了

收起阅读 »

24h在线的全栈老友,用十年经验做您的技术后盾,复杂问题简单化

外包 外包接单 Vue 高效的开发效率 uni_app PHP java

精通Java、PHP、Go、Vue、React、UniApp等技术栈,熟悉前后端分离开发、微服务架构、容器化部署等技术,拥有丰富的开发经验。
能够独立完成从项目的分析、设计、开发、测试、部署到维护与优化的全过程,能快速的对需求进行梳理并制定开发计划。
注重代码可维护性、可扩展性、性能优化等方面的工作。
如果您正在寻找一位高效、专业的开发者来完成您的项目,我非常愿意为您提供优质的服务,共同推动项目顺利进行。
如果您对我的技能与工作经验感兴趣,请通过微信联系我,我们可以进一步探讨您的具体项目需求,并且开展合作。
V:TombaughWechat

继续阅读 »

精通Java、PHP、Go、Vue、React、UniApp等技术栈,熟悉前后端分离开发、微服务架构、容器化部署等技术,拥有丰富的开发经验。
能够独立完成从项目的分析、设计、开发、测试、部署到维护与优化的全过程,能快速的对需求进行梳理并制定开发计划。
注重代码可维护性、可扩展性、性能优化等方面的工作。
如果您正在寻找一位高效、专业的开发者来完成您的项目,我非常愿意为您提供优质的服务,共同推动项目顺利进行。
如果您对我的技能与工作经验感兴趣,请通过微信联系我,我们可以进一步探讨您的具体项目需求,并且开展合作。
V:TombaughWechat

收起阅读 »

最近项目需要在app中导出pdf的功能

renderjs

哈哈,来来来,今天我得跟你说说 UniApp 这文档的事儿。你说说,这 renderjs 的文档,短得可怕,是不是怕我学会啊?这文档可真是看得我心里直发毛,我本来以为这是个学习资料,结果一打开,哎呀妈呀,竟然跟个“速成班”的讲义似的,咋就这么简洁呢?你说说,应该让人看完了能学会吧?这也太简单了!学这技术,没点“内容”,学个啥呀?

你看吧,首先就得跟大家说一下,renderjs,是吧,按理说,应该是让我们写页面的工具,特别适合那些要自定义渲染的同学。结果呢,打开文档,三句话两段代码就解决问题了。啊?这就完了?我本以为能多看点深奥的东西,像什么内部原理,性能优化,咋就这俩小段儿代码呢?这些人是怕我学得太快,怕我一下子就超越他们吗?这么短,是怕我学会么?怕我一看就能秒懂吗?

你看看,代码部分我都能背下来了,这可好,整个文档就跟我点了点头,告诉我:“差不多得了!”。是想让我自己再去摸索,还是你们觉得我真能秒懂?我倒是觉得,这不是真的怕我学会,而是他们自己也没太研究明白吧。

总之,这文档就跟速食面似的,三分钟搞定。咱们当学员的,自己也得补补课,不能就这么吃干饭了!这就跟给我送的“菜”一样,根本没味儿,得自己再调味儿,别的地方也得好好琢磨琢磨,不能轻易就得出结论,这 renderjs 是个宝还是个坑呢?

你说,UniApp啊,能不能不这么“抠”点?文档也得好好整整,做个“系统餐”好不好?

继续阅读 »

renderjs

哈哈,来来来,今天我得跟你说说 UniApp 这文档的事儿。你说说,这 renderjs 的文档,短得可怕,是不是怕我学会啊?这文档可真是看得我心里直发毛,我本来以为这是个学习资料,结果一打开,哎呀妈呀,竟然跟个“速成班”的讲义似的,咋就这么简洁呢?你说说,应该让人看完了能学会吧?这也太简单了!学这技术,没点“内容”,学个啥呀?

你看吧,首先就得跟大家说一下,renderjs,是吧,按理说,应该是让我们写页面的工具,特别适合那些要自定义渲染的同学。结果呢,打开文档,三句话两段代码就解决问题了。啊?这就完了?我本以为能多看点深奥的东西,像什么内部原理,性能优化,咋就这俩小段儿代码呢?这些人是怕我学得太快,怕我一下子就超越他们吗?这么短,是怕我学会么?怕我一看就能秒懂吗?

你看看,代码部分我都能背下来了,这可好,整个文档就跟我点了点头,告诉我:“差不多得了!”。是想让我自己再去摸索,还是你们觉得我真能秒懂?我倒是觉得,这不是真的怕我学会,而是他们自己也没太研究明白吧。

总之,这文档就跟速食面似的,三分钟搞定。咱们当学员的,自己也得补补课,不能就这么吃干饭了!这就跟给我送的“菜”一样,根本没味儿,得自己再调味儿,别的地方也得好好琢磨琢磨,不能轻易就得出结论,这 renderjs 是个宝还是个坑呢?

你说,UniApp啊,能不能不这么“抠”点?文档也得好好整整,做个“系统餐”好不好?

收起阅读 »