前言 先说结论,目前Flutter还不能作为生成环境的桌面开发技术,这里仅作为尝鲜来学习。 比如在Windows上目前还不支持发布模式,仅支持调试模式,这意味着编出来的桌面程序,始终有一个黑框控制台,且不断的输出日志。 flutter目录 设置环境变量,添加 D:\Tools\flutter\bin 开启Windows支持 flutter config --enable-windows-desktop 目前正式版已经支持桌面端 channel #查看当前在哪个分支,检测是否切换成功 flutter upgrade #升级 flutter doctor #检测flutter环境,未安装的会报红提示 C++环境 Flutter打包桌面端程序需要有 目前直接将Flutter App打包为桌面端程序,仍然会存在一些可能的兼容性问题 另外go-flutter-desktop项目还不支持发布模式,仅支持调试模式,这意味着编出来的桌面程序,始终有一个黑框控制台
图中的「app文件夹」是我自己创建的,你也需要自己创建一个,里面放你项目文件。「app文件夹」中一般放一个index.html(页面展示),另外还需要创建一个package.json文件(参数配置):
https://tauri.app/zh-cn/v1/guides/getting-started/prerequisites/
点击链接 为 HTML 指定 Cache-Control 或 Expires 为 HTMl 内容设置 CaChe-Control 或 Expires 可以将 HTML 内容缓存起来,避免频繁向服务器端发送请求 2016 23:00:00 GMT" /> 合理设置 Etag 和 Last-Modified 合理设置 Etag 和 Last-Modified 使用浏览器缓存,对于未修改的文件,静态资源服务器会向浏览器端返回 来存储文件 如果条件允许,可以使用 CDN 网络加快同一个地理区域内重复静态资源文件的响应下载速度,缩短资源请求时间 使用 CDN Combo 下载传输内容 CDN Combo 是在 CDN 服务器端将多个文件请求打包成一个文件的形式来返回的技术 就可以按如下方式在一个请求中下载: <script src="//cdn.domain.com/path/a.js,b.js,c.js"></script> 使用可缓存的 AJAX 可以返回内容相同的请求,没必要每次都直接从服务器端拉取 使用 GET 来完成 AJAX 请求 使用 XMLHttpRequest 时,浏览器中的 POST 方法发送请求首先发送文件头,然后发送 HTTP 正文数据,而使用 GET 时只发送头部,所以在拉取服务端数据时使用
结合Electron框架,可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤: 1. 总之,使用React和Electron一起开发桌面应用程序可以帮助你快速构建跨平台的应用程序,并提供许多强大的功能。通过使用React构建Web界面,你可以使用熟悉的工具和技术来构建应用程序。 如果你想构建一个桌面应用程序,React和Electron可能是一个不错的选择。
之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electron.
0.15.0存储组件:get_storage^2.1.1下拉刷新:easy_refresh^3.4.0toast提示:toast^0.3.0网址预览组件:url_launcher^6.3.1项目框架结构flutter3 Alignment.bottomRight, colors: [ Color(0xFF0091EA), Color(0xFF07C160) ], ) ), ))flutter3 case 2: print('扫一扫'); break; case 3: print('收付款'); break; } },)flutter3 }); }, ),)基于uni-app+vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端 ai模板vue3.5+deepseek网页版ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例
super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter3 路由页面 getPages: routePages, // 初始化弹窗key navigatorKey: MyDialog.navigatorKey, ); }}flutter3 Getx抖音App直播短视频商城:https://cloud.tencent.com/developer/article/2493971flutter3+getx+bitsdojo_window仿微信客户端Exe 聊天:https://cloud.tencent.com/developer/article/2393406Electron32+vite5仿macos桌面端os系统:https://cloud.tencent.com /developer/article/2449406electron31+vue3仿微信桌面端聊天Exe实例:https://cloud.tencent.com/developer/article/2435159tauri2.0
在Resources和Data binding中,XAML 提供了这样一种语法,来为属性赋值:
——罗曼·罗兰 分享一个用html、css、javascript构建桌面端应用的另一个框架 https://tauri.app/ https://github.com/tauri-apps/tauri
其中基础部分已经讲解完毕,可以查看:C#入门教程(一)–.Net平台技术介绍、C#语言及开发工具 这算是学习电脑编程的第二部分,带领你一起开发电脑桌面应用程序。终于可以摆脱黑框控制台应用程序了。 认识Winform Winform 可以被称作窗体,主要用于制作桌面应用程序(平常使用的QQ就是桌面应用程序的范畴),里面包含大量丰富的控件供开发使用。
首先用一句话概括VMware容器整体解决方案:“The Docker Ecosystem You Love on the Hypervisor You Trust”,这个方案中的开发者桌面就是AppCatalyst 没错,目前来看,AC和这类的工具差不多,但AC的功能可不只是在Mac OS和Windows上支持容器那么简单,AC的未来是SDDC on Destkop,通过与相关产品集成,在开发者桌面上复制全套生产环境 love_life_and_IT) 软件定义存储与虚拟化 叶毓睿, VMware存储架构师 亨利笔记(henglibiji) 容器和云原生应用 张海宁,VMware研发中心首席架构师 最终用户计算(CHINAEUC) 桌面与应用虚拟化
此模式允许将给定的 ControlTemplate 属性绑定到应用 ControlTemplate 的控件的属性。为了更好地理解这里的问题,下面是一个示例
背景介绍 专项测试,桌面端应用程序使用过程中,对CPU,内存,磁盘使用率,网络流量进行监控并展现. this script') parser.add_argument("-name", type=str) args = parser.parse_args() name = args.name # 服务端ip
我在和小伙伴水触摸相关的坑,说到了上古的触摸,很难和小伙伴统一知识,于是就写了本文用于告诉大家,桌面端的触摸架构是如何一步步演进的 所有触摸架构都建立在系统之上,和系统版本相关。所以可以通过系统划分。 Windows Inking Service Platform 请看 WPF 触摸到事件 在 Win7 的这个触摸架构就是古代的触摸 很多开发者都会反馈在 Win7 开发的触摸失效问题,如 WPF 客户端开发需要知道的触摸失效问题 TranslateZoomRotateBehavior Pointer Input Messages and Notifications win10 支持默认把触摸提升 Pointer 消息 WPF 触摸到事件 WPF 客户端开发需要知道的触摸失效问题
flutter-deepseek项目支持代码高亮、本地会话存储、支持手机端/桌面端显示。支持markdown代码块高亮、代码块横向滚动、表格边框线、图片100%宽度渲染、图片预览、链接跳转。 context) { // 获取AppStore实例 final appStore = AppStore.to; return GetMaterialApp( title: 'Flutter3 null : const RouteSettings(name: '/login'); }}flutter3解析markdownimport 'package:flutter/material.dart uniapp+deepseek+vue3跨平台ai流式对话:https://cloud.tencent.com/developer/article/2518214electron35+deepseek桌面端 2508594flutter3.27+getx仿抖音app短视频+直播商城:https://cloud.tencent.com/developer/article/2493971 Electron32桌面端
与“桌面端”运行的区别 我们以一个真实案例来对比: 案例:一个“跨设备搜索”鸿蒙应用 功能描述 用户在手机上点击“搜索”,触发以下逻辑: 获取当前设备类型(手机/平板) 若为手机 → 向智慧屏广播消息 :“请展示搜索结果” 若为平板 → 自动分栏布局 在所有设备上弹出通知:“搜索中…” 该功能由 Web 页面 + JavaScript 实现,目标是 在鸿蒙系统中运行,同时希望在 Electron 桌面端预览 真机 / DevEco) Electron 桌面端(仿真器) 运行环境 HarmonyOS 内核 + ArkTS + WebKit Electron(Chromium + Node.js) API 来源 -001) 桌面端优势:可在一台 PC 上测试“手机→平板→手表”的完整链路! 场景 鸿蒙端 Electron 桌面端 UI 适配验证 ❌ 需真机测试 ✅ 支持多分辨率切换 业务逻辑联调 ⚠️ 依赖真机部署 ✅ 即时反馈,无需编译 分布式通信测试 ✅ 真实软总线 ✅ 模拟软总线(
原创自研os栅格桌面布局引擎、分屏式滑动管理、自定义桌面壁纸、桌面小部件、可拖拽式悬浮球菜单等功能。 get_storage^2.1.1svg图片插件:flutter_svg^2.0.10+1图表组件:fl_chart^0.68.0国际化时间:intl^0.19.0FlutterOS项目在windows端效果依然 perfect~ 之前也有专门分享一款flutter3仿macOS桌面框架,感兴趣的可以去看看。 colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue), useMaterial3: true, // 修复windows端字体粗细不一致 // 额外插槽 Container( child: widget.extra, ), ], ), ), );}flutter3
于是乎,就想着把自己写的这个小项目打包成桌面端,方面每次打开电脑就能看。经过网上查阅,比较成熟的解决方案很多,比如electron,nw.js等等。 打包桌面端,跟前端框架无关,只是想夸一下vue在构建项目上的体验真的好,简单方便,会以yes or no的形式让你完成一个主流的前端框架(回想以前构建angular应用,还要打开help,看一大堆api electron-quick-start cd electron-quick-start cnpm install //这里我用的是cnpm,npm太慢了 npm start 项目跑起来之后,不出意外就出现了electron的桌面端页面 pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })) 这段代码就是配置桌面端应用的入口 总结 至此,vue打包桌面端就这样完成了。在此过程中,发现自己做东西还是有些武断,太想当然了,导致在一些弯路里绕了很久。以后还是要多看文档,稳扎稳打!
年前有给大家分享一款flutter3.x+dart3手机端聊天App实例。春节期间就又捣鼓了flutter3桌面端开发实践项目。 通过这个项目旨在探究Flutter在桌面端技术实践,通过下面的一些技术分享让更多的开发者能参与推动flutter客户端的发展。 Flutter布局模板项目整体采用左中右三列布局,UI结构和微信客户端类似。 Colors.black, ), child: Stack( children: [ // Swiper垂直滚动区域 PageView( // 自定义滚动行为(支持桌面端滑动 indicatorPadding: const EdgeInsets.all(5), ), ), ), ], ),),Ok,限于篇幅,基于flutter3.x开发桌面端聊天项目的知识分享就到这里