【急招】智能家居App开发大神!uni-app开发平台,杭州本地/滨江区办公,远程兼职亦可
「万物互联时代,让智能走进千万家」—— 我们是一家深耕智能家居领域的创新团队,正全力打造一款体验顶尖的智能生活控制终端App。现急需技术大牛加入,共筑智慧生活新生态!无论你是杭州本地想就近办公,还是偏爱远程项目制兼职,只要你有实力,我们都虚位以待!
🔥 我们要找这样的你(核心岗位职责)
1.主导智能家居App(Android/iOS双端)的全流程技术落地,从需求分析、架构设计到核心模块编码与迭代优化,把控技术方向。
2.攻克设备核心交互难题,实现App与智能设备的快速配网、稳定连接、精准控制及实时状态同步,打造丝滑控制体验。
3.负责音视频核心功能开发,包括直播对讲、录像回放、云存储播放等,持续优化流畅度与清晰度,提升用户视听体验。
4.牵头移动端技术选型与架构升级,推进组件化、模块化开发,让代码更具可维护性,大幅提升团队开发效率。
5.死磕App性能与稳定性,监控并优化启动速度、内存占用、功耗及网络流量,精准解决Crash和ANR问题,保障千万用户稳定使用。
6.紧跟移动平台技术前沿,将合适的新技术、新框架融入产品,让我们的App始终保持行业竞争力。
🎯 我们希望你具备(任职要求)
1.计算机相关专业本科及以上学历,3年以上Android或iOS开发经验,有智能家居、物联网或音视频类App开发经验者优先,加分项拉满!
2.满足以下任一技术栈深耕要求,多栈掌握者优先:
精通uniapp开发,能高效实现双端适配;
3.Android方向:精通Java/Kotlin,熟悉Android SDK/NDK,对性能优化、内存管理有深刻理解;
4.iOS方向:精通Swift/Objective-C,熟悉Cocoa Touch框架,深入理解内存管理机制和运行时;
5.熟悉TCP/IP、HTTP/HTTPS、WebSocket等协议,具备扎实的移动端网络编程能力;
6.有音视频开发经验者狂喜!熟悉FFmpeg、MediaCodec、AudioTrack(Android)或AVFoundation(iOS)等技术者优先;
7.掌握Flutter、React Native等跨端技术,或理解设计模式、具备优秀架构设计能力者优先;
8.熟练使用Git、Maven/Cocoapods等开发工具,会用性能分析工具排查问题。
9.对用户体验有极致追求,学习能力拉满,团队协作意识强,能独立啃下复杂技术难题。
📍 工作模式&地点说明
•地点要求:优先杭州本地居民,可接受在滨江区核心商圈办公(交通便利,配套齐全);
•灵活选项:支持远程项目制兼职,只要能高效交付成果,工作地点由你定!
✨ 我们能提供
•极具竞争力的薪酬回报:全职薪资对标行业Top30%,兼职按项目难度及交付质量核算,酬劳丰厚不拖欠;
•技术成长沃土:接触智能家居+音视频双赛道核心技术,团队定期技术分享,和大牛并肩成长;
•灵活工作氛围:扁平化组织架构,注重效率与成果,远程兼职也能享受完整项目协作支持;
•额外福利:全职员工享五险一金、节日福利、定期团建,兼职伙伴享项目奖金!
📩 如何加入我们?
请将你的个人简历(附项目经历及技术栈说明)发送至邮箱:jessixu32@163.com,邮件主题注明「智能家居App开发+姓名+工作模式(全职/兼职)」。
我们会在3个工作日内筛选简历并联系面试,合则约聊!杭州本地候选人可安排线下办公场地参观,远程候选人支持线上面试。
期待热爱技术、向往智能生活的你,和我们一起用代码点亮千万家庭的智慧未来!
「万物互联时代,让智能走进千万家」—— 我们是一家深耕智能家居领域的创新团队,正全力打造一款体验顶尖的智能生活控制终端App。现急需技术大牛加入,共筑智慧生活新生态!无论你是杭州本地想就近办公,还是偏爱远程项目制兼职,只要你有实力,我们都虚位以待!
🔥 我们要找这样的你(核心岗位职责)
1.主导智能家居App(Android/iOS双端)的全流程技术落地,从需求分析、架构设计到核心模块编码与迭代优化,把控技术方向。
2.攻克设备核心交互难题,实现App与智能设备的快速配网、稳定连接、精准控制及实时状态同步,打造丝滑控制体验。
3.负责音视频核心功能开发,包括直播对讲、录像回放、云存储播放等,持续优化流畅度与清晰度,提升用户视听体验。
4.牵头移动端技术选型与架构升级,推进组件化、模块化开发,让代码更具可维护性,大幅提升团队开发效率。
5.死磕App性能与稳定性,监控并优化启动速度、内存占用、功耗及网络流量,精准解决Crash和ANR问题,保障千万用户稳定使用。
6.紧跟移动平台技术前沿,将合适的新技术、新框架融入产品,让我们的App始终保持行业竞争力。
🎯 我们希望你具备(任职要求)
1.计算机相关专业本科及以上学历,3年以上Android或iOS开发经验,有智能家居、物联网或音视频类App开发经验者优先,加分项拉满!
2.满足以下任一技术栈深耕要求,多栈掌握者优先:
精通uniapp开发,能高效实现双端适配;
3.Android方向:精通Java/Kotlin,熟悉Android SDK/NDK,对性能优化、内存管理有深刻理解;
4.iOS方向:精通Swift/Objective-C,熟悉Cocoa Touch框架,深入理解内存管理机制和运行时;
5.熟悉TCP/IP、HTTP/HTTPS、WebSocket等协议,具备扎实的移动端网络编程能力;
6.有音视频开发经验者狂喜!熟悉FFmpeg、MediaCodec、AudioTrack(Android)或AVFoundation(iOS)等技术者优先;
7.掌握Flutter、React Native等跨端技术,或理解设计模式、具备优秀架构设计能力者优先;
8.熟练使用Git、Maven/Cocoapods等开发工具,会用性能分析工具排查问题。
9.对用户体验有极致追求,学习能力拉满,团队协作意识强,能独立啃下复杂技术难题。
📍 工作模式&地点说明
•地点要求:优先杭州本地居民,可接受在滨江区核心商圈办公(交通便利,配套齐全);
•灵活选项:支持远程项目制兼职,只要能高效交付成果,工作地点由你定!
✨ 我们能提供
•极具竞争力的薪酬回报:全职薪资对标行业Top30%,兼职按项目难度及交付质量核算,酬劳丰厚不拖欠;
•技术成长沃土:接触智能家居+音视频双赛道核心技术,团队定期技术分享,和大牛并肩成长;
•灵活工作氛围:扁平化组织架构,注重效率与成果,远程兼职也能享受完整项目协作支持;
•额外福利:全职员工享五险一金、节日福利、定期团建,兼职伙伴享项目奖金!
📩 如何加入我们?
请将你的个人简历(附项目经历及技术栈说明)发送至邮箱:jessixu32@163.com,邮件主题注明「智能家居App开发+姓名+工作模式(全职/兼职)」。
我们会在3个工作日内筛选简历并联系面试,合则约聊!杭州本地候选人可安排线下办公场地参观,远程候选人支持线上面试。
期待热爱技术、向往智能生活的你,和我们一起用代码点亮千万家庭的智慧未来!
局域网文件传输
我在两个浏览器之间用它来传文件。比如在Chrome上登录了账号,想把下载的文件发到另一个没登录的浏览器里,用这个就特别快。
我在两个浏览器之间用它来传文件。比如在Chrome上登录了账号,想把下载的文件发到另一个没登录的浏览器里,用这个就特别快。
https://iris.findtruman.io/web/lan-drop?share=L
收起阅读 »经验分享 鸿蒙隐私弹窗如何处理
基本背景
鸿蒙元服务不需要自己处理隐私弹窗,鸿蒙强制要求结束隐私协议托管,关联 client_id 之后会自动弹窗隐私协议,下面内容主要针对鸿蒙应用开发用户。
鸿蒙应用上架需要配置隐私协议、用户协议。这部分内容可参考 鸿蒙如何设置隐私协议弹窗
这里做技术实现说明。
内容已迁移到 鸿蒙如何设置隐私协议弹窗
补充:编写 uts 插件
如果应用需要提供不同意隐私协议也要提供基础内容浏览服务,可参考下面 uts 代码单独处理用户动态接受、拒绝隐私协议,主动唤起隐私协议相关逻辑。
编写 uts 插件,完成弹窗,这里提供代码片段。
新建 uts 插件,比如 hamrony-privacy-dialog ,编辑 uni_modules/harmony-privacy-dialog/utssdk/app-harmony/index.uts
填写下面代码,这段代码导出了三个方法,和官方的 ets 代码完全一致,检查隐私协议信息、获取签署状态、主动唤起隐私弹窗。页面中引入代码调用即可。
import { privacyManager } from '@kit.AppGalleryKit';
// import { hilog } from '@kit.PerformanceAnalysisKit';
import { BusinessError } from '@kit.BasicServicesKit';
export const getInfo = () => {
let err = ''
try {
let appPrivacyManageInfo : privacyManager.AppPrivacyMgmtInfo = privacyManager.getAppPrivacyMgmtInfo();
console.info(0, 'TAG', "Succeeded in getting AppPrivacyManageInfo type: " + appPrivacyManageInfo["type"]);
let privacyLinkInfoArray : privacyManager.AppPrivacyLink[] = appPrivacyManageInfo.privacyInfo;
console.info(0, 'TAG', "Succeeded in getting AppPrivacyManageInfo size = " + privacyLinkInfoArray.length);
for (let i = 0; i < privacyLinkInfoArray.length; i++) {
console.info(0, 'TAG', "Succeeded in getting AppPrivacyManageInfo type = " + privacyLinkInfoArray[i]["type"] + ", version = " + privacyLinkInfoArray[i]["versionCode"] + ", url = " + privacyLinkInfoArray[i]["url"]);
}
} catch (error) {
err = error.message
console.error(0, 'TAG', "GetAppPrivacyManageInfoPublic exception code: " + error.code + ", exception message: " + error.message);
}
return err
}
export const getStatus = () => {
try {
let appPrivacyResults : privacyManager.AppPrivacyResult[] = privacyManager.getAppPrivacyResult();
console.info(0, 'TAG', "Succeeded in getting AppPrivacyResult size = " + appPrivacyResults.length);
for (let i = 0; i < appPrivacyResults.length; i++) {
console.info(0, 'TAG', "Succeeded in getting AppPrivacyResult type = " + appPrivacyResults[i]["type"] + ", version = " + appPrivacyResults[i]["versionCode"] + ", result = " + appPrivacyResults[i]["result"]);
}
} catch (error) {
console.error(0, 'TAG', "GetAppPrivacyResultPublic exception code: " + error.code + ", exception message: " + error.message);
}
}
export const requestPrivacy = () => {
try {
const uiContext = UTSHarmony.getUIAbilityContext()
// const uiContext = this.getUIContext().getHostContext() as common.UIAbilityContext;
privacyManager.requestAppPrivacyConsent(uiContext).then((consentResult : privacyManager.ConsentResult) => {
let appPrivacyResults : privacyManager.AppPrivacyResult[] = consentResult["results"];
for (let i = 0; i < appPrivacyResults.length; i++) {
console.info(0, 'TAG', "GetAppPrivacyResult type = " + appPrivacyResults[i]["type"] + ", version = " + appPrivacyResults[i]["versionCode"] + ", result = " + appPrivacyResults[i]["result"] + ", signingTimeStamp = " + appPrivacyResults[i]["signingTimeStamp"]);
}
}).catch((error : BusinessError<Object>) => {
console.error(0, 'TAG', `requestAppPrivacyConsent failed, Code: ${error.code}, message: ${error.message}`);
});
} catch (error) {
console.error(0, 'TAG', "requestAppPrivacyConsent exception code: " + error.code + ", exception message: " + error.message);
}
}
4 页面中引入
import {
getInfo,
getStatus,requestPrivacy
} from '@/uni_modules/harmony-privacy-dialog' 基本背景
鸿蒙元服务不需要自己处理隐私弹窗,鸿蒙强制要求结束隐私协议托管,关联 client_id 之后会自动弹窗隐私协议,下面内容主要针对鸿蒙应用开发用户。
鸿蒙应用上架需要配置隐私协议、用户协议。这部分内容可参考 鸿蒙如何设置隐私协议弹窗
这里做技术实现说明。
内容已迁移到 鸿蒙如何设置隐私协议弹窗
补充:编写 uts 插件
如果应用需要提供不同意隐私协议也要提供基础内容浏览服务,可参考下面 uts 代码单独处理用户动态接受、拒绝隐私协议,主动唤起隐私协议相关逻辑。
编写 uts 插件,完成弹窗,这里提供代码片段。
新建 uts 插件,比如 hamrony-privacy-dialog ,编辑 uni_modules/harmony-privacy-dialog/utssdk/app-harmony/index.uts
填写下面代码,这段代码导出了三个方法,和官方的 ets 代码完全一致,检查隐私协议信息、获取签署状态、主动唤起隐私弹窗。页面中引入代码调用即可。
import { privacyManager } from '@kit.AppGalleryKit';
// import { hilog } from '@kit.PerformanceAnalysisKit';
import { BusinessError } from '@kit.BasicServicesKit';
export const getInfo = () => {
let err = ''
try {
let appPrivacyManageInfo : privacyManager.AppPrivacyMgmtInfo = privacyManager.getAppPrivacyMgmtInfo();
console.info(0, 'TAG', "Succeeded in getting AppPrivacyManageInfo type: " + appPrivacyManageInfo["type"]);
let privacyLinkInfoArray : privacyManager.AppPrivacyLink[] = appPrivacyManageInfo.privacyInfo;
console.info(0, 'TAG', "Succeeded in getting AppPrivacyManageInfo size = " + privacyLinkInfoArray.length);
for (let i = 0; i < privacyLinkInfoArray.length; i++) {
console.info(0, 'TAG', "Succeeded in getting AppPrivacyManageInfo type = " + privacyLinkInfoArray[i]["type"] + ", version = " + privacyLinkInfoArray[i]["versionCode"] + ", url = " + privacyLinkInfoArray[i]["url"]);
}
} catch (error) {
err = error.message
console.error(0, 'TAG', "GetAppPrivacyManageInfoPublic exception code: " + error.code + ", exception message: " + error.message);
}
return err
}
export const getStatus = () => {
try {
let appPrivacyResults : privacyManager.AppPrivacyResult[] = privacyManager.getAppPrivacyResult();
console.info(0, 'TAG', "Succeeded in getting AppPrivacyResult size = " + appPrivacyResults.length);
for (let i = 0; i < appPrivacyResults.length; i++) {
console.info(0, 'TAG', "Succeeded in getting AppPrivacyResult type = " + appPrivacyResults[i]["type"] + ", version = " + appPrivacyResults[i]["versionCode"] + ", result = " + appPrivacyResults[i]["result"]);
}
} catch (error) {
console.error(0, 'TAG', "GetAppPrivacyResultPublic exception code: " + error.code + ", exception message: " + error.message);
}
}
export const requestPrivacy = () => {
try {
const uiContext = UTSHarmony.getUIAbilityContext()
// const uiContext = this.getUIContext().getHostContext() as common.UIAbilityContext;
privacyManager.requestAppPrivacyConsent(uiContext).then((consentResult : privacyManager.ConsentResult) => {
let appPrivacyResults : privacyManager.AppPrivacyResult[] = consentResult["results"];
for (let i = 0; i < appPrivacyResults.length; i++) {
console.info(0, 'TAG', "GetAppPrivacyResult type = " + appPrivacyResults[i]["type"] + ", version = " + appPrivacyResults[i]["versionCode"] + ", result = " + appPrivacyResults[i]["result"] + ", signingTimeStamp = " + appPrivacyResults[i]["signingTimeStamp"]);
}
}).catch((error : BusinessError<Object>) => {
console.error(0, 'TAG', `requestAppPrivacyConsent failed, Code: ${error.code}, message: ${error.message}`);
});
} catch (error) {
console.error(0, 'TAG', "requestAppPrivacyConsent exception code: " + error.code + ", exception message: " + error.message);
}
}
4 页面中引入
import {
getInfo,
getStatus,requestPrivacy
} from '@/uni_modules/harmony-privacy-dialog' 收起阅读 »
个人开发者承接app、小程序、网页外包,全职外包接单
全职在家承接外包,多年外包经验,个人开发者,绝对实惠靠谱,有很多款线上应用(度是自己开发的,自己独立完成,可查)
可做商城类,社交类,工具类,任务平台类,mes 类,扫码收银/分账交易类 等,除了游戏和带颜色的,其他度可以开发
可承接安卓/IOS、各个端的小程序、H5网页、PC网页开发,从前端到后端,我全度会,一条龙服务
掌握技术
前端:uniapp 、uniappx、vue
后端:Golang 、php
uniapp 及 uniappx 开发的作品均有上架appstore
小程序方面也有很多
有需要开发的并能看得上我的请联系我哈
vx:wu1020yt
全职在家承接外包,多年外包经验,个人开发者,绝对实惠靠谱,有很多款线上应用(度是自己开发的,自己独立完成,可查)
可做商城类,社交类,工具类,任务平台类,mes 类,扫码收银/分账交易类 等,除了游戏和带颜色的,其他度可以开发
可承接安卓/IOS、各个端的小程序、H5网页、PC网页开发,从前端到后端,我全度会,一条龙服务
掌握技术
前端:uniapp 、uniappx、vue
后端:Golang 、php
uniapp 及 uniappx 开发的作品均有上架appstore
小程序方面也有很多
有需要开发的并能看得上我的请联系我哈
vx:wu1020yt
收起阅读 »FIRE计算器
我用它制定了一个“搞钱计划”。
比如我今年想多存五万块,
它能帮我倒推出每个月需要增加多少收入或者减少多少开支,目标特别清晰。
我用它制定了一个“搞钱计划”。
比如我今年想多存五万块,
它能帮我倒推出每个月需要增加多少收入或者减少多少开支,目标特别清晰。
https://iris.findtruman.io/web/fire_calculator?share=L
收起阅读 »APP扫码识别区是正方形怎么修改成长方形,微信小程序是长方形的
APP扫码识别区是正方形怎么修改成长方形,微信小程序是长方形的,扫码识别区太小了,很不方便
APP扫码识别区是正方形怎么修改成长方形,微信小程序是长方形的,扫码识别区太小了,很不方便
分享一下 在ios上 uni-app 通过oauth2登录遇到的一些阻碍和解决办法。
就当纪念一下抠了好几天的头。虽然实现了,也花了很多时间,但是没有什么成功了的实感,有种莫名其妙的感觉。
不论咋样,还是记录一下吧,百度之后竟然完全没有人用这个方式 在ios上登录,而ds和cursor一众ai费拉不堪,ds胡说八道的程度越来越严重了
oauth2的登录描述比较粗糙。
有一个最想知道的问题,想知道 ios中app和 webview 的 cookie传递。
过程:
1.根据文档设置 ios的schemes。注:urltypes 只能用string格式,不可用数组,否则打包 的link.info 中 没有 CFBundleURLTypes 的标签。
2.login接口后,后端会产生一个短暂的cookie会话,根据该会话证明过程中登录情况。若无法验证到该cookie会话,将直接跳回登录界面。
3.使用webview 打开 authorize 页面,如果验证成功,会通过schemes唤醒 app,接着验证获取token并跳转主页面。
其中遇到3个阻碍。
- 在login接口后的 cookie会话,没有 设置 domain 时,webview 打开 authorize页面,一直都是cookie验证会话失败,直接跳转回登录界面。在设置 domain后,第一次 登录 cookie会话验证失败,而第二次继续登录的验证都通过了。
询问了ds等ai,给出的解释是 在ios时,网络请求和Cookie存储与App本身不在同一进程,默认不共享NSHTTPCookieStorage。所以通过webview 后端会拿不到cookie从而导致失败。而安卓的cookie在uni-app底层已经同步过,所以不存在该问题。但问题是为什么设置了domain后,除了第一次失败,后续的登录都成功了?是不是底层也对ios同步过?但为什么第一次不成功?强制手动给webview注入cookie,没有一个方式成功。设置延时任务也没有用,设置多长也没有用,第一次就是不能通过。
后续与后端沟通,通过 生成token附带在 authorize的path后,后端使用token来验证会话解决该问题。
2.page.json中 设置过 // "condition": {
// //模式配置,仅开发期间生效
// "current": 0, //当前激活的模式(list 的索引项)
// "list": [{
// "name": "", //模式名称
// "path": "", //启动页面,必选
// "query": "" //启动参数,在页面的onLoad函数里面得到
// }]
// }。
从而导致 schemes唤醒后,无法获取schemes携带的数据。安卓无此问题。
3.后端schemes因为ios的安全机制是无法自动唤醒app,除非用户手动点。Universal Links 也没办法在同域名下进行唤醒。但是,实际上 传递数据已经触发,在plus.runtiem.arguments中是有数据的。所以直接搞了一个 定时任务监听这个数据,一旦有数据就可以直接后续的步骤,不需要用户手动点击。安卓可以直接通过schemes唤醒app并直接拿到数据,所以也不需要这个定时任务
就当纪念一下抠了好几天的头。虽然实现了,也花了很多时间,但是没有什么成功了的实感,有种莫名其妙的感觉。
不论咋样,还是记录一下吧,百度之后竟然完全没有人用这个方式 在ios上登录,而ds和cursor一众ai费拉不堪,ds胡说八道的程度越来越严重了
oauth2的登录描述比较粗糙。
有一个最想知道的问题,想知道 ios中app和 webview 的 cookie传递。
过程:
1.根据文档设置 ios的schemes。注:urltypes 只能用string格式,不可用数组,否则打包 的link.info 中 没有 CFBundleURLTypes 的标签。
2.login接口后,后端会产生一个短暂的cookie会话,根据该会话证明过程中登录情况。若无法验证到该cookie会话,将直接跳回登录界面。
3.使用webview 打开 authorize 页面,如果验证成功,会通过schemes唤醒 app,接着验证获取token并跳转主页面。
其中遇到3个阻碍。
- 在login接口后的 cookie会话,没有 设置 domain 时,webview 打开 authorize页面,一直都是cookie验证会话失败,直接跳转回登录界面。在设置 domain后,第一次 登录 cookie会话验证失败,而第二次继续登录的验证都通过了。
询问了ds等ai,给出的解释是 在ios时,网络请求和Cookie存储与App本身不在同一进程,默认不共享NSHTTPCookieStorage。所以通过webview 后端会拿不到cookie从而导致失败。而安卓的cookie在uni-app底层已经同步过,所以不存在该问题。但问题是为什么设置了domain后,除了第一次失败,后续的登录都成功了?是不是底层也对ios同步过?但为什么第一次不成功?强制手动给webview注入cookie,没有一个方式成功。设置延时任务也没有用,设置多长也没有用,第一次就是不能通过。
后续与后端沟通,通过 生成token附带在 authorize的path后,后端使用token来验证会话解决该问题。
2.page.json中 设置过 // "condition": {
// //模式配置,仅开发期间生效
// "current": 0, //当前激活的模式(list 的索引项)
// "list": [{
// "name": "", //模式名称
// "path": "", //启动页面,必选
// "query": "" //启动参数,在页面的onLoad函数里面得到
// }]
// }。
从而导致 schemes唤醒后,无法获取schemes携带的数据。安卓无此问题。
3.后端schemes因为ios的安全机制是无法自动唤醒app,除非用户手动点。Universal Links 也没办法在同域名下进行唤醒。但是,实际上 传递数据已经触发,在plus.runtiem.arguments中是有数据的。所以直接搞了一个 定时任务监听这个数据,一旦有数据就可以直接后续的步骤,不需要用户手动点击。安卓可以直接通过schemes唤醒app并直接拿到数据,所以也不需要这个定时任务
收起阅读 »【鸿蒙征文】重拾儿时趣味的古诗 App 的开发过程记录
一款无广告重拾儿时趣味的古诗 App 的开发过程记录
一、🌈缘起:让古诗 “活” 起来,而非躺在角落🌈
做这款 App 的初衷,藏在三个真实需求里:
一次偶然的寻找碰上鸿蒙的星光闪烁:翻找学生时代的语文诗词,想重拾那份诗词氛围时,书本早已不见踪影,此时便想在手机上寻找这类APP,市面古诗 App 要么广告扎堆,要么功能枯燥,实在感受不到当年的那种氛围;
身边朋友想重拾古诗,却缺合适的背诵工具,也没有专属交流渠道(总不能天天在朋友圈发古诗);
古诗的意境与字词之美,不该只靠 “死记硬背”—— 结合互动、朗读、释义,让大家 “懂了再背”,才是真正的文化传承。
所以核心需求很明确:做一款 “不枯燥、能互动、够纯粹” 的古诗工具。既要满足学习需求,又要兼顾趣味性,还得适配鸿蒙系统(毕竟鸿蒙用户越来越多,生态也日趋完善)。
二、💡技术选型:为啥 “锁死” UniAPP?💡
选技术栈时纠结了 3 天,最终敲定 UniAPP,全靠 “实用主义”:
排除鸿蒙原生开发:适配鸿蒙虽丝滑,但单人开发要重新学原生语法,还无法兼顾其他平台,效率太低;
排除其他跨平台框架:要么对鸿蒙适配不完善,要么插件生态薄弱,像诗词朗读、音频上传等功能得手动造轮子;
选择 UniAPP 的核心原因:
跨平台省心:一套代码可打包鸿蒙 App,后续扩展安卓、iOS 版本无需重构,对个人开发者极度友好;
- 鸿蒙适配 “自带 buff”:HBuilderX 提供现成打包模板和专属适配插件,不用手动修改大量配置;
- 生态够全:uniCloud 云开发、音频组件、数据库插件,刚好满足古诗存储、朗读上传、接龙匹配等核心需求;
- 学习成本低:有微信小程序开发基础,UniAPP 的 Vue 语法无缝衔接,1 周就能上手。
简单说:用 UniAPP 开发鸿蒙,就像 “站在巨人肩膀上”—— 不用从零学鸿蒙原生,又能享受鸿蒙系统特性,对非专业开发者太友好了!
三、⚠️踩坑实录:鸿蒙适配那些 “磨人的小妖精”⚠️
开发前以为 “跨平台 = 一路顺畅”,结果真正适配鸿蒙时,还是踩了不少坑,分享 3 个最印象深刻的:
权限申请:鸿蒙的 “规矩” 和其他平台不一样
做朗读广场时,需要调用手机麦克风录音、存储音频文件。一开始直接复用了其他平台的权限代码,结果在鸿蒙上直接报错 —— 录音功能打不开!
- 坑点:鸿蒙的 “媒体权限” 需要单独申请,而且必须配置ohos.permission.READ_MEDIA和ohos.permission.WRITE_MEDIA,还得在代码里动态弹窗说明 “为啥要要权限”(比如 “需要录音才能上传你的朗读作品”),光说 “需要权限” 会被系统拒绝;而且必须在鸿蒙的AGC后台进行同步申请该权限,因为该权限属于受限权限;而且!!!如果是使用的鸿蒙自家的隐私托管服务,必须要在隐私托管服务中同步该权限的声明
- 解决:使用uts插件配置权限;然后在AGC后台同步申请该受限权限通过率直接 100%。
// #ifdef APP-HARMONY import "@/uni_modules/harmony-permissions" // #endif
{
"module": {
"name": "uni_modules__harmony_permissions",
"type": "har",
"deviceTypes": [
"default",
"tablet",
"2in1"
],
"requestPermissions": [
{
"name": "ohos.permission.INTERNET"
},{
"name": "ohos.permission.WRITE_MEDIA",
"reason": "$string:media_desc",
"usedScene": {"when": "inuse"}
},{
"name": "ohos.permission.READ_MEDIA",
"reason": "$string:media_desc",
"usedScene": {"when": "inuse"}
}
]
}
}
服务卡片适配:桌面卡片让古诗 “触手可及”
鸿蒙的桌面卡片是个大亮点,我想做个 “每日一句” 卡片,用户不用打开 App,桌面就能看到古诗。
- 坑点:UniAPP 打包鸿蒙应用时,卡片的尺寸适配很麻烦,比如 3x2、2x2 的卡片布局会错乱,而且卡片数据刷新需要和主 App 同步;
- 解决:用 UniAPP 提供的uni-app x编译模式(专门优化鸿蒙适配),卡片布局用flex弹性盒,固定宽高比;数据同步用uniCloud实时数据库,主 App 更新 “每日一句” 后,卡片自动刷新,不用用户手动操作 —— 现在不少用户说 “每天解锁手机先看一眼古诗,感觉很治愈”。
音频播放:后台播放老是 “断档”
朗读广场的核心是 “听别人读古诗”,但一开始用户反馈 “退到后台就停了”,体验很差。
- 坑点:鸿蒙对后台音频播放有严格限制,普通的audio组件在后台会被系统暂停;
- 解决:集成了鸿蒙的AVPlayer SDK(UniAPP 可以直接调用鸿蒙原生 SDK),在manifest.json里配置 “后台音频权限”,同时用 UniAPP 的onBackground生命周期监听,退后台时自动切换到鸿蒙原生播放器,现在后台播放能稳定运行,用户还能边听古诗边刷微信~
四、📦功能落地:每个模块都是 “心头好”📦
结合古诗的核心需求,几个功能模块都是 “边踩坑边优化” 出来的,挑 3 个重点说:
-
背一背:用 “艾宾浩斯曲线” 让背诵不费脑
一开始只是简单做了 “列表 + 背诵打卡”,但用户反馈 “背了就忘”。后来用 UniAPP 的storage存储用户背诵记录,结合艾宾浩斯遗忘曲线,在对应时间点推送提醒(比如第 1 天、第 3 天、第 7 天),还加了 “遮字默写” 功能 —— 点击诗句能隐藏关键字,像考试一样检验效果。- 小技巧:用 UniAPP 的uni.createPushMessage调用鸿蒙的通知权限,提醒文案特意用古诗意境,比如 “床前明月光,今天该复习啦~”,比干巴巴的 “请背诵” 更讨喜。
<view class="poem-content"> <block v-if="poemStore.showFullContent"> <text v-for="(line, idx) in poemStore.currentPoem.content" :key="idx" class="full-line">{{ line }}</text> </block> <block v-else> <text v-for="(line, idx) in poemStore.currentPoem.content" :key="idx" class="hide-line">□□□□□□□</text> </block> </view> <button class="toggle-btn" @click="poemStore.toggleFullContent"> {{ poemStore.showFullContent ? '切换到背诵模式' : '查看完整诗句' }} </button><script setup lang="ts"> import { usePoemStore } from '@/stores/poemStore'; import { useRouter } from 'vue-router'; const poemStore = usePoemStore(); const router = useRouter(); const goBack = () => { router.back(); }; const handleCollect = () => { if (poemStore.currentPoem) { poemStore.toggleCollect(poemStore.currentPoem.id); } }; </script>
- 小技巧:用 UniAPP 的uni.createPushMessage调用鸿蒙的通知权限,提醒文案特意用古诗意境,比如 “床前明月光,今天该复习啦~”,比干巴巴的 “请背诵” 更讨喜。
-
诗词 / 成语接龙:云开发让匹配更流畅
接龙功能需要实时匹配用户输入的诗句 / 成语,还要校验是否正确、有没有重复。一开始用本地数据库,结果数据量太大(收录了 2 万 + 古诗、1 万 + 成语),App 启动变慢。export interface Poem { id: number; title: string; // 诗名 author: string; // 作者(含朝代) content: string[]; // 诗句数组 category: string; // 分类(如山水、边塞) isCollected: boolean; // 是否收藏 }- 优化:改用uniCloud云开发,把诗词库、成语库存到云端,用云函数做匹配校验(比如输入 “举头望明月”,云函数自动查询以 “月” 开头的诗句),App 端只负责展示和输入,启动速度从 3 秒降到 1 秒,接龙延迟也几乎感知不到。
-
主题颜色:贴合古风的 “颜值小心思”
考虑到用户可能在不同场景使用(比如晚上背古诗要护眼),做了 3 种古风主题:黛青(默认)、朱砂(暖调)、月白(护眼)。- 实现:用 UniAPP 的vuex管理主题状态,结合鸿蒙的 “系统深色模式”,用户切换系统主题时,App 自动适配对应的古风配色 —— 比如系统开深色模式,App 自动切月白主题,字体加粗,保护视力。
import { defineStore } from 'pinia'; import { Poem } from '@/types/poem'; const mockPoems: Poem[] = [ { id: 1, title: '望庐山瀑布', author: '唐·李白', content: ['日照香炉生紫烟', '遥看瀑布挂前川', '飞流直下三千尺', '疑是银河落九天'], category: '山水', isCollected: false }, { id: 2, title: '静夜思', author: '唐·李白', content: ['床前明月光', '疑是地上霜', '举头望明月', '低头思故乡'], category: '思乡', isCollected: false }, { id: 3, title: '春晓', author: '唐·孟浩然', content: ['春眠不觉晓', '处处闻啼鸟', '夜来风雨声', '花落知多少'], category: '春景', isCollected: false } ]; export const usePoemStore = defineStore('poem', { state: () => ({ poems: mockPoems as Poem[], // 古诗列表 currentPoem: null as Poem | null, // 当前选中古诗 showFullContent: false // 详情页是否显示完整诗句(背诵模式控制) }), actions: { // 选中古诗 selectPoem(poemId: number) { this.currentPoem = this.poems.find(poem => poem.id === poemId) || null; this.showFullContent = false; // 进入背诵模式,默认隐藏完整诗句 }, // 切换收藏状态 toggleCollect(poemId: number) { const poem = this.poems.find(poem => poem.id === poemId); if (poem) poem.isCollected = !poem.isCollected; }, // 切换完整诗句显示(背诵/查看模式) toggleFullContent() { this.showFullContent = !this.showFullContent; } } });
- 实现:用 UniAPP 的vuex管理主题状态,结合鸿蒙的 “系统深色模式”,用户切换系统主题时,App 自动适配对应的古风配色 —— 比如系统开深色模式,App 自动切月白主题,字体加粗,保护视力。
五、✅ 后续功能想法 ✅
- “想要更多主题颜色”→ 新增 “竹绿”“藤黄” 2 种配色;
- “朗读广场想给作品点赞”→ 加了点赞功能,用uniCloud存储互动数据;
- “背古诗想有奖励”→ 做了 “背诵勋章”,集齐 5 个勋章能解锁古诗插画壁纸。
虽然还未成功上架市场,但在开发中寻找用户体验过程中,最让我感动的是一条评论:“我家娃以前不爱背古诗,现在每天打卡接龙,还会给同学分享自己的朗读作品,谢谢开发者让传统文化变有趣~” 这种时候,觉得熬夜改 bug、反复适配都值了!
六、🌟星光不负:技术与文化的双向奔赴🌟
从一开始的 “想做个古诗工具”,到现在的 “让自己更了解古诗并爱上它”,用 UniAPP 开发鸿蒙 App 的这 3 个月,不仅让我摸清了跨平台开发的套路,更懂了 “技术是为需求服务”—— 不是堆功能,而是让应用真正有用起来、用得爽。
回头看,选择 UniAPP 是最正确的决定:它让我不用纠结原生语法,能把更多精力放在 “怎么让古诗更有趣” 上;而鸿蒙的开放能力(云开发、云调试、HarmonyOS SDK、云测试)等,又让 App 的体验更上一层楼。就像古诗里说的 “行则将至”,技术之路没有捷径,但只要朝着目标一步步走,星光总会照亮前路。
接下来,我还想加 AR 功能(用鸿蒙的 AR SDK,扫描实景生成古诗意境)、古诗合唱(朗读广场支持多人合拍),让传统文化通过技术 “活” 起来、“火” 起来。如果你也在做 UniAPP + 鸿蒙开发,或者对古诗 App 有更多想法,欢迎一起交流~ 毕竟,码向未来的路上,有人同行更精彩!
一款无广告重拾儿时趣味的古诗 App 的开发过程记录
一、🌈缘起:让古诗 “活” 起来,而非躺在角落🌈
做这款 App 的初衷,藏在三个真实需求里:
一次偶然的寻找碰上鸿蒙的星光闪烁:翻找学生时代的语文诗词,想重拾那份诗词氛围时,书本早已不见踪影,此时便想在手机上寻找这类APP,市面古诗 App 要么广告扎堆,要么功能枯燥,实在感受不到当年的那种氛围;
身边朋友想重拾古诗,却缺合适的背诵工具,也没有专属交流渠道(总不能天天在朋友圈发古诗);
古诗的意境与字词之美,不该只靠 “死记硬背”—— 结合互动、朗读、释义,让大家 “懂了再背”,才是真正的文化传承。
所以核心需求很明确:做一款 “不枯燥、能互动、够纯粹” 的古诗工具。既要满足学习需求,又要兼顾趣味性,还得适配鸿蒙系统(毕竟鸿蒙用户越来越多,生态也日趋完善)。
二、💡技术选型:为啥 “锁死” UniAPP?💡
选技术栈时纠结了 3 天,最终敲定 UniAPP,全靠 “实用主义”:
排除鸿蒙原生开发:适配鸿蒙虽丝滑,但单人开发要重新学原生语法,还无法兼顾其他平台,效率太低;
排除其他跨平台框架:要么对鸿蒙适配不完善,要么插件生态薄弱,像诗词朗读、音频上传等功能得手动造轮子;
选择 UniAPP 的核心原因:
跨平台省心:一套代码可打包鸿蒙 App,后续扩展安卓、iOS 版本无需重构,对个人开发者极度友好;
- 鸿蒙适配 “自带 buff”:HBuilderX 提供现成打包模板和专属适配插件,不用手动修改大量配置;
- 生态够全:uniCloud 云开发、音频组件、数据库插件,刚好满足古诗存储、朗读上传、接龙匹配等核心需求;
- 学习成本低:有微信小程序开发基础,UniAPP 的 Vue 语法无缝衔接,1 周就能上手。
简单说:用 UniAPP 开发鸿蒙,就像 “站在巨人肩膀上”—— 不用从零学鸿蒙原生,又能享受鸿蒙系统特性,对非专业开发者太友好了!
三、⚠️踩坑实录:鸿蒙适配那些 “磨人的小妖精”⚠️
开发前以为 “跨平台 = 一路顺畅”,结果真正适配鸿蒙时,还是踩了不少坑,分享 3 个最印象深刻的:
权限申请:鸿蒙的 “规矩” 和其他平台不一样
做朗读广场时,需要调用手机麦克风录音、存储音频文件。一开始直接复用了其他平台的权限代码,结果在鸿蒙上直接报错 —— 录音功能打不开!
- 坑点:鸿蒙的 “媒体权限” 需要单独申请,而且必须配置ohos.permission.READ_MEDIA和ohos.permission.WRITE_MEDIA,还得在代码里动态弹窗说明 “为啥要要权限”(比如 “需要录音才能上传你的朗读作品”),光说 “需要权限” 会被系统拒绝;而且必须在鸿蒙的AGC后台进行同步申请该权限,因为该权限属于受限权限;而且!!!如果是使用的鸿蒙自家的隐私托管服务,必须要在隐私托管服务中同步该权限的声明
- 解决:使用uts插件配置权限;然后在AGC后台同步申请该受限权限通过率直接 100%。
// #ifdef APP-HARMONY import "@/uni_modules/harmony-permissions" // #endif
{
"module": {
"name": "uni_modules__harmony_permissions",
"type": "har",
"deviceTypes": [
"default",
"tablet",
"2in1"
],
"requestPermissions": [
{
"name": "ohos.permission.INTERNET"
},{
"name": "ohos.permission.WRITE_MEDIA",
"reason": "$string:media_desc",
"usedScene": {"when": "inuse"}
},{
"name": "ohos.permission.READ_MEDIA",
"reason": "$string:media_desc",
"usedScene": {"when": "inuse"}
}
]
}
}
服务卡片适配:桌面卡片让古诗 “触手可及”
鸿蒙的桌面卡片是个大亮点,我想做个 “每日一句” 卡片,用户不用打开 App,桌面就能看到古诗。
- 坑点:UniAPP 打包鸿蒙应用时,卡片的尺寸适配很麻烦,比如 3x2、2x2 的卡片布局会错乱,而且卡片数据刷新需要和主 App 同步;
- 解决:用 UniAPP 提供的uni-app x编译模式(专门优化鸿蒙适配),卡片布局用flex弹性盒,固定宽高比;数据同步用uniCloud实时数据库,主 App 更新 “每日一句” 后,卡片自动刷新,不用用户手动操作 —— 现在不少用户说 “每天解锁手机先看一眼古诗,感觉很治愈”。
音频播放:后台播放老是 “断档”
朗读广场的核心是 “听别人读古诗”,但一开始用户反馈 “退到后台就停了”,体验很差。
- 坑点:鸿蒙对后台音频播放有严格限制,普通的audio组件在后台会被系统暂停;
- 解决:集成了鸿蒙的AVPlayer SDK(UniAPP 可以直接调用鸿蒙原生 SDK),在manifest.json里配置 “后台音频权限”,同时用 UniAPP 的onBackground生命周期监听,退后台时自动切换到鸿蒙原生播放器,现在后台播放能稳定运行,用户还能边听古诗边刷微信~
四、📦功能落地:每个模块都是 “心头好”📦
结合古诗的核心需求,几个功能模块都是 “边踩坑边优化” 出来的,挑 3 个重点说:
-
背一背:用 “艾宾浩斯曲线” 让背诵不费脑
一开始只是简单做了 “列表 + 背诵打卡”,但用户反馈 “背了就忘”。后来用 UniAPP 的storage存储用户背诵记录,结合艾宾浩斯遗忘曲线,在对应时间点推送提醒(比如第 1 天、第 3 天、第 7 天),还加了 “遮字默写” 功能 —— 点击诗句能隐藏关键字,像考试一样检验效果。- 小技巧:用 UniAPP 的uni.createPushMessage调用鸿蒙的通知权限,提醒文案特意用古诗意境,比如 “床前明月光,今天该复习啦~”,比干巴巴的 “请背诵” 更讨喜。
<view class="poem-content"> <block v-if="poemStore.showFullContent"> <text v-for="(line, idx) in poemStore.currentPoem.content" :key="idx" class="full-line">{{ line }}</text> </block> <block v-else> <text v-for="(line, idx) in poemStore.currentPoem.content" :key="idx" class="hide-line">□□□□□□□</text> </block> </view> <button class="toggle-btn" @click="poemStore.toggleFullContent"> {{ poemStore.showFullContent ? '切换到背诵模式' : '查看完整诗句' }} </button><script setup lang="ts"> import { usePoemStore } from '@/stores/poemStore'; import { useRouter } from 'vue-router'; const poemStore = usePoemStore(); const router = useRouter(); const goBack = () => { router.back(); }; const handleCollect = () => { if (poemStore.currentPoem) { poemStore.toggleCollect(poemStore.currentPoem.id); } }; </script>
- 小技巧:用 UniAPP 的uni.createPushMessage调用鸿蒙的通知权限,提醒文案特意用古诗意境,比如 “床前明月光,今天该复习啦~”,比干巴巴的 “请背诵” 更讨喜。
-
诗词 / 成语接龙:云开发让匹配更流畅
接龙功能需要实时匹配用户输入的诗句 / 成语,还要校验是否正确、有没有重复。一开始用本地数据库,结果数据量太大(收录了 2 万 + 古诗、1 万 + 成语),App 启动变慢。export interface Poem { id: number; title: string; // 诗名 author: string; // 作者(含朝代) content: string[]; // 诗句数组 category: string; // 分类(如山水、边塞) isCollected: boolean; // 是否收藏 }- 优化:改用uniCloud云开发,把诗词库、成语库存到云端,用云函数做匹配校验(比如输入 “举头望明月”,云函数自动查询以 “月” 开头的诗句),App 端只负责展示和输入,启动速度从 3 秒降到 1 秒,接龙延迟也几乎感知不到。
-
主题颜色:贴合古风的 “颜值小心思”
考虑到用户可能在不同场景使用(比如晚上背古诗要护眼),做了 3 种古风主题:黛青(默认)、朱砂(暖调)、月白(护眼)。- 实现:用 UniAPP 的vuex管理主题状态,结合鸿蒙的 “系统深色模式”,用户切换系统主题时,App 自动适配对应的古风配色 —— 比如系统开深色模式,App 自动切月白主题,字体加粗,保护视力。
import { defineStore } from 'pinia'; import { Poem } from '@/types/poem'; const mockPoems: Poem[] = [ { id: 1, title: '望庐山瀑布', author: '唐·李白', content: ['日照香炉生紫烟', '遥看瀑布挂前川', '飞流直下三千尺', '疑是银河落九天'], category: '山水', isCollected: false }, { id: 2, title: '静夜思', author: '唐·李白', content: ['床前明月光', '疑是地上霜', '举头望明月', '低头思故乡'], category: '思乡', isCollected: false }, { id: 3, title: '春晓', author: '唐·孟浩然', content: ['春眠不觉晓', '处处闻啼鸟', '夜来风雨声', '花落知多少'], category: '春景', isCollected: false } ]; export const usePoemStore = defineStore('poem', { state: () => ({ poems: mockPoems as Poem[], // 古诗列表 currentPoem: null as Poem | null, // 当前选中古诗 showFullContent: false // 详情页是否显示完整诗句(背诵模式控制) }), actions: { // 选中古诗 selectPoem(poemId: number) { this.currentPoem = this.poems.find(poem => poem.id === poemId) || null; this.showFullContent = false; // 进入背诵模式,默认隐藏完整诗句 }, // 切换收藏状态 toggleCollect(poemId: number) { const poem = this.poems.find(poem => poem.id === poemId); if (poem) poem.isCollected = !poem.isCollected; }, // 切换完整诗句显示(背诵/查看模式) toggleFullContent() { this.showFullContent = !this.showFullContent; } } });
- 实现:用 UniAPP 的vuex管理主题状态,结合鸿蒙的 “系统深色模式”,用户切换系统主题时,App 自动适配对应的古风配色 —— 比如系统开深色模式,App 自动切月白主题,字体加粗,保护视力。
五、✅ 后续功能想法 ✅
- “想要更多主题颜色”→ 新增 “竹绿”“藤黄” 2 种配色;
- “朗读广场想给作品点赞”→ 加了点赞功能,用uniCloud存储互动数据;
- “背古诗想有奖励”→ 做了 “背诵勋章”,集齐 5 个勋章能解锁古诗插画壁纸。
虽然还未成功上架市场,但在开发中寻找用户体验过程中,最让我感动的是一条评论:“我家娃以前不爱背古诗,现在每天打卡接龙,还会给同学分享自己的朗读作品,谢谢开发者让传统文化变有趣~” 这种时候,觉得熬夜改 bug、反复适配都值了!
六、🌟星光不负:技术与文化的双向奔赴🌟
从一开始的 “想做个古诗工具”,到现在的 “让自己更了解古诗并爱上它”,用 UniAPP 开发鸿蒙 App 的这 3 个月,不仅让我摸清了跨平台开发的套路,更懂了 “技术是为需求服务”—— 不是堆功能,而是让应用真正有用起来、用得爽。
回头看,选择 UniAPP 是最正确的决定:它让我不用纠结原生语法,能把更多精力放在 “怎么让古诗更有趣” 上;而鸿蒙的开放能力(云开发、云调试、HarmonyOS SDK、云测试)等,又让 App 的体验更上一层楼。就像古诗里说的 “行则将至”,技术之路没有捷径,但只要朝着目标一步步走,星光总会照亮前路。
接下来,我还想加 AR 功能(用鸿蒙的 AR SDK,扫描实景生成古诗意境)、古诗合唱(朗读广场支持多人合拍),让传统文化通过技术 “活” 起来、“火” 起来。如果你也在做 UniAPP + 鸿蒙开发,或者对古诗 App 有更多想法,欢迎一起交流~ 毕竟,码向未来的路上,有人同行更精彩!
基于vue3.5+vite7.2+tauri2.9搭建桌面客户端os系统后台模板
vue3-tauri2.9-os:最新原创研发vite7.2+tauri2.9+vue3 setup+pinia3+arcoDesign+echarts高颜值轻量级仿macOS/windows风格桌面os模式管理后台系统模板。支持可拖拽栅格布局桌面、JSON格式配置桌面菜单/Dock菜单。
项目技术知识
- 跨平台框架:tauri^2.9
- 前端技术框架:vite^7.2.2+vue^3.5.24+vue-router^4.6.3
- UI组件库:@arco-design/web-vue^2.57.0
- 状态管理:pinia^3.0.4
- 拖拽插件:sortablejs^1.15.6
- 滑屏插件:swiper^12.0.3
- 图表组件:echarts^6.0.0
- markdown编辑器:md-editor-v3^6.1.1
- 模拟数据:mockjs^1.1.0
项目框架结构
使用最新版跨平台框架tauri2.9+vite7搭建项目模板,vue3 setup语法编码开发页面。
vue3-tauri2-os桌面版os系统已经更新到我的原创作品小铺。
tauri2.9+vite7+arco-design桌面端OS管理系统
热文推荐
Tauri2.8+Vue3聊天系统|vite7+tauri2+element-plus客户端仿微信聊天程序
Tauri2-Vite7Admin客户端管理后台|tauri2.9+vue3+element-plus后台系统
Electron38-Vue3OS客户端OS系统|vite7+electron38+arco桌面os后台管理
electron38-admin桌面端后台|Electron38+Vue3+ElementPlus管理系统
Electron38-Wechat电脑端聊天|vite7+electron38仿微信桌面端聊天系统
最新版uniapp+vue3+uv-ui跨三端短视频+直播+聊天【H5+小程序+App端】
最新版uni-app+vue3+uv-ui跨三端仿微信app聊天应用【h5+小程序+app端】
原创uniapp+vue3+deepseek+uv-ui跨端实战仿deepseek/豆包流式ai聊天对话助手。
vue3-webseek网页版AI问答|Vite6+DeepSeek+Arco流式ai聊天打字效果
uniapp-vue3-os手机oa系统|uni-app+vue3跨三端os后台管理模板
Flutter3-MacOS桌面OS系统|flutter3.32+window_manager客户端OS模板
最新研发flutter3.27+bitsdojo_window+getx客户端仿微信聊天Exe应用
最新版Flutter3.32+Dart3.8跨平台仿微信app聊天界面|朋友圈
Electron35-DeepSeek桌面端AI系统|vue3.5+electron+arco客户端ai模板
vue3-tauri2.9-os:最新原创研发vite7.2+tauri2.9+vue3 setup+pinia3+arcoDesign+echarts高颜值轻量级仿macOS/windows风格桌面os模式管理后台系统模板。支持可拖拽栅格布局桌面、JSON格式配置桌面菜单/Dock菜单。
项目技术知识
- 跨平台框架:tauri^2.9
- 前端技术框架:vite^7.2.2+vue^3.5.24+vue-router^4.6.3
- UI组件库:@arco-design/web-vue^2.57.0
- 状态管理:pinia^3.0.4
- 拖拽插件:sortablejs^1.15.6
- 滑屏插件:swiper^12.0.3
- 图表组件:echarts^6.0.0
- markdown编辑器:md-editor-v3^6.1.1
- 模拟数据:mockjs^1.1.0
项目框架结构
使用最新版跨平台框架tauri2.9+vite7搭建项目模板,vue3 setup语法编码开发页面。
vue3-tauri2-os桌面版os系统已经更新到我的原创作品小铺。
tauri2.9+vite7+arco-design桌面端OS管理系统
热文推荐
Tauri2.8+Vue3聊天系统|vite7+tauri2+element-plus客户端仿微信聊天程序
Tauri2-Vite7Admin客户端管理后台|tauri2.9+vue3+element-plus后台系统
Electron38-Vue3OS客户端OS系统|vite7+electron38+arco桌面os后台管理
electron38-admin桌面端后台|Electron38+Vue3+ElementPlus管理系统
Electron38-Wechat电脑端聊天|vite7+electron38仿微信桌面端聊天系统
最新版uniapp+vue3+uv-ui跨三端短视频+直播+聊天【H5+小程序+App端】
最新版uni-app+vue3+uv-ui跨三端仿微信app聊天应用【h5+小程序+app端】
原创uniapp+vue3+deepseek+uv-ui跨端实战仿deepseek/豆包流式ai聊天对话助手。
vue3-webseek网页版AI问答|Vite6+DeepSeek+Arco流式ai聊天打字效果
uniapp-vue3-os手机oa系统|uni-app+vue3跨三端os后台管理模板
Flutter3-MacOS桌面OS系统|flutter3.32+window_manager客户端OS模板
最新研发flutter3.27+bitsdojo_window+getx客户端仿微信聊天Exe应用
最新版Flutter3.32+Dart3.8跨平台仿微信app聊天界面|朋友圈
Electron35-DeepSeek桌面端AI系统|vue3.5+electron+arco客户端ai模板




































