随笔分类 -  uni-app

摘要：手机号一键登录是提升用户转化率的关键功能。在 Android / iOS 端，uni-app 通过 uni.login({ provider: 'univerify' }) 即可唤起运营商授权弹窗，用户一键完成登录。但在 HarmonyOS NEXT 上，这套方案从平台开通、配置对齐到 API 调用 阅读全文

摘要：前言 在 uni-app 跨端开发中，微信授权登录是高频刚需功能。Android/iOS 端通过 uni.login({ provider: 'weixin' }) 一行代码即可搞定，但当我们把应用移植到 HarmonyOS NEXT 时，看似简单的微信登录却暗藏多个陷阱： 条件编译的「双分支同时执 阅读全文

摘要：前言 在 uni-app 跨端开发中，Android/iOS 端的热更新（WGT）已经是非常成熟的方案——通过 plus.runtime.install() 下载差量包静默安装，用户无感知即可完成版本迭代。然而，当我们把目光转向 HarmonyOS NEXT 时，问题出现了： 鸿蒙端不支持 WGT 阅读全文

摘要：错误码 9568320，提示 no signature file，自动签名、关联已注册应用都试了还是不行？本文记录了一次完整的排查过程，最终根因出人意料地简单。 一、问题现象 在 DevEco Studio 中将 HarmonyOS 应用运行到真机时，安装阶段报错： code: 9568320 er 阅读全文

摘要：随着鸿蒙设备越来越多，App 适配 HarmonyOS Next 已成为刚需。本文记录了一次完整的实战经历：在鸿蒙原生工程中集成微信 Open SDK，实现从 App 调起微信小程序完成支付的全链路——包括调起、支付、回调数据回传 JS 层，以及过程中踩过的每一个坑。 背景 我们的商城 App 基于 阅读全文

摘要：一篇关于 Hybrid App 在鸿蒙上适配 H5↔原生通信的实战笔记。如果你正把一套跑得好好的 H5（在 iOS/Android 上都正常）搬进 HarmonyOS 的 ArkWeb，却发现"原生桥"集体哑火，这篇文章应该能帮你少走两天弯路。 前言 很多 Hybrid App 里，H5 与原生之间 阅读全文

摘要：随着 HarmonyOS NEXT 市场份额逐步扩大，UniApp 开发者迟早要面对一个问题：同一套代码，怎么让 H5 游戏在鸿蒙和 iOS 上都跑满全屏？ 这篇文章基于实际项目经验，把踩过的坑和最终方案整理出来，希望对同行有帮助。 背景 我们的 App 基于 UniApp + Vue3 构建，其中 阅读全文

摘要：APP内嵌象棋游戏切后台背景音乐不停？双端协同解决：原生端通过 WebView.onPause/onResume 暂停恢复 WebView，并用 evalJS 注入状态标记触发 visibilitychange 事件；H5游戏端监听 visibilitychange，检测到后台状态时调用 bgmCtx.pause() 暂停背景音乐，回前台时恢复。关键点：单纯原生端 evalJS 在后台不可靠，必须 H5 端配合监听事件主动暂停音频实例，双管齐下才能彻底静音。 阅读全文

摘要：uniapp App 在 HarmonyOS NEXT 上接入微信授权登录的完整方案，涵盖微信开放平台注册、原生工程配置、前端代码改造三层。适用于 uni-app（Vue3）+ 独立 DevEco 原生工程的现有工作流。 一、背景与根因 现有 src/pages/Login/index.vue 的微 阅读全文

摘要：做 uni-app 鸿蒙适配的同学，迟早会撞上一个问题：HBuilderX 重新 build 之后，怎么把前端产物同步到 DevEco 原生工程，同时不覆盖你在 DevEco 里手改的 ArkTS 代码？ 本文记录了我们在实战中梳理出的三种方案、各自的适用场景，以及最终的选择。 一、先搞清一件事：b 阅读全文

摘要：做过 uni-app Android 开发的同学一定熟悉"自定义基座"——把原生插件编译进基础 APK，Vue 代码热更新上去，调试效率极高。但鸿蒙端没有这套机制，每次改动都是全量编译安装。本文基于实际项目经验，分享在没有自定义基座的情况下，如何高效调试和打包鸿蒙应用。 一、先搞清楚：什么是自定义基 阅读全文

摘要：一个已上线的 uni-app 项目（Vue3 + uView），在 AI 辅助下仅用一天就完成鸿蒙 NEXT 主功能适配，成功运行到鸿蒙真机。本文记录完整的改造过程、踩坑经验和效率心得。 背景 项目是一个基于 uni-app + Vue3 + uView 的跨平台社群 App，已稳定运行在 Andr 阅读全文

摘要：插件：网易云信音视频通话插件（呼叫组件） 场景：uni-app 项目中，多个页面/组件同时监听全局通话事件并上报通话记录 前言 在 uni-app 项目中集成网易云信通话插件后，我们需要在首页、聊天页等多个位置监听通话事件并上报通话记录。听起来简单的需求，实际落地时却踩了八层坑： 阶段 现象 根因 阅读全文

摘要：以往做插件开发是需要些学习成本的，对于比较忙的同学来说，就很少碰这块儿了。 但现在已经全面进入AI编程时代，无论是工具开发还是插件开发，几乎都没太大门槛了。 你只需要搞清楚自己的需求，用自己丰富的经验监督及协助AI来生成工具，最后做验证就可以了。 废话不多说了，直接上教程： 前提： 功能已完成开发及 阅读全文

摘要：1. 建议优先nvue开发，先把app端做出来，再去适配h5端。 对于不太复杂的页面，一般使用nvue同时兼容app和h5就好了，一个nvue页面的好处就是后续版本迭代更新修改一个页面就行。就是适配的时候有些费事，但用熟练了也还好，总是能找到一些技巧的。 2. app端不支持部分H5标签，所以优先使 阅读全文

摘要：1.前端调用代码： //获取摄像头权限失败的处理 async function requestAndroidPermission(permisionID) { var result = await permision.requestAndroidPermission(permisionID) if 阅读全文

摘要：uniapp开发安卓端调用拍照功能提示拒绝申请的权限：android.permission.CAMERA 阅读全文

摘要：前言： 使用滚动组件一般都需要设置一个固定高度，但有些浏览器上滑会隐藏地址栏，然后窗口的windowHeight变大，滚动组件底部就出现了空白，如下图： 处理这个问题，就需要再窗口尺寸变化的时候重新设置滚动组件的高度了。 解决方案： 使用uniapp的OnReSize生命周期中对滚动组件高度进行重新 阅读全文

摘要：开启安全区域占位： 在 manifest.json 文件的 "app-plus" 节点下添加 "safearea" 适配 iOS 的安全区域，"background" 对应正常模式下安全区域外的背景颜色，"backgroundDark"对应暗黑模式下安全区域外的背景颜色。 代码如下： "app-pl 阅读全文

摘要：uniapp开发ios，scroll-view横向滚动失效，给scroll-view添加flex-row样式、内部子元素添加一个flex-row的父容器即可 阅读全文