- 综合排序
- 最热优先
- 最新优先
- 来自专栏大前端全栈开发
用uniapp开发跨端应用开发打包发布完整指南
一、uni-app项目介绍用uni-app开发多端项目，一套代码可同时打包出各端小程序、h5和app，uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目，下面示例项目采用 发布App时，需要使用HBuilderX，其他开发工具无法发布App，但可以发布H5、各种小程序。 五、小程序和H5打包各平台的配置可以直接在manifest.json里配置，或者在HBuilderX开发工具里选中manifest.json文件，右侧会出现图形化界面直接选择配置先运行起来，然后点击：发行 文件，直接点击“下载地址”，远程下载到本地八、发布上线1、小程序 直接用小程序开发者工具导入 dist - build 文件夹下对应的目录，如微信小程序：dist/build/mp-weixin2、H5 和web网站一样，将最终打包出来的H5文件部署到线上：dist/build/h53、Android 最终生成的apk文件，可以直接用聊天工具发送到安卓手机上安装使用 去注册各大安卓应用市场账号，上传到应用市场供用户下载
5.6K51编辑于 2023-11-16 - 来自专栏大前端全栈开发
用uniapp开发跨端应用开发打包发布完整指南
一、uni-app项目介绍 用uni-app开发多端项目，一套代码可同时打包出各端小程序、h5和app，uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目， 发布App时，需要使用HBuilderX，其他开发工具无法发布App，但可以发布H5、各种小程序。 五、小程序和H5打包 各平台的配置可以直接在manifest.json里配置，或者在HBuilderX开发工具里选中manifest.json文件，右侧会出现图形化界面直接选择配置 先运行起来，然后点击 直接点击“下载地址”，远程下载到本地 八、发布上线 1、小程序 直接用小程序开发者工具导入 dist - build 文件夹下对应的目录，如微信小程序：dist/build/mp-weixin 2、H5 和web网站一样，将最终打包出来的H5文件部署到线上：dist/build/h5 3、Android 最终生成的apk文件，可以直接用聊天工具发送到安卓手机上安装使用 去注册各大安卓应用市场账号，上传到应用市场供用户下载
1.8K10编辑于 2023-11-22 - 来自专栏河湾欢儿的专栏
uniApp 如何解决h5跨域问题
找到manifest.json的文件 打开源码，在里面加一栏h5的配置 如下图 image.png 接下来在自己所需要请求的页面填写请求 image.png
4.9K20发布于 2020-03-26 - 来自专栏h5
跨端uniapp+vue3+uv-ui酒店订房小程序+H5+App模板
花了两周左右高质量开发，我的又一款跨端项目uniapp+vue3酒店预订系统正式完工了。 Uniapp+Vue3酒店预订系统概述基于uniapp+vue3+vite5+pinia2技术开发的酒店预订系统，支持编译H5、小程序和App端，能够在不同平台上提供一致的用户体验。 自定义uniapp+vue3多端弹框组件）自定义组件：uv3-navbar标题栏+uv3-tabbar菜单栏缓存技术：pinia-plugin-unistorage支持编译：H5+小程序+APP端项目结构框架使用 uniapp+vue3仿微信app聊天功能的精简版。 uniapp+vue3聊天室|uni-app+vite4+uv-ui跨端仿微信app聊天语音/朋友圈综上所述，使用Uniapp+Vue3开发酒店预订系统已经成为许多开发者的首选。
1.3K10编辑于 2024-12-08 - 来自专栏h5
uniapp-vue3-hotel跨三端旅游酒店预订模板
uniapp-vue3-hotel实现首页、酒店预订搜索、列表/详情、订单、聊天客服消息、我的等功能模块。支持编译运行h5+小程序+app端。 使用技术编辑器：HbuilderX 4.84技术框架：uni-app+vite5+vue3状态管理：pinia2组件库：uni-ui+uv-ui（uniapp+vue3组件库）弹框组件：uv3-popup （基于uniapp+vue3多端弹窗组件）自定义组件：uv3-navbar导航条+uv3-tabbar菜单栏缓存技术：pinia-plugin-unistorage支持运行：web+小程序+app端项目框架结构使用最新跨端框架 Exe模板Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序最新原创uniapp-vue3-osadmin手机版后台管理系统最新研发uniapp+vue3仿微信app聊天模板最新原创 flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app+vue3实战短视频+聊天+直播app商城基于uniapp
55220编辑于 2025-11-08 - 来自专栏h5
electron25+vue3+pinia2跨端chatgpt聊天应用
最近一直学习electron25集成vite4.x技术开发跨端应用。就搭建了一个electron-chatgpt聊天EXE程序。 图片electron-vite4 for chatgpt 基于最新前端技术栈vite4+vue3+pinia2+vue-router+electron25跨端技术开发桌面端仿chatgpt聊天应用程序。 本地缓存：pinia-plugin-persistedstate^3.1.0electron结合vite插件：vite-plugin-electron^0.11.2图片项目结构图使用最新版electron跨端技术配合 ${ext}" }}到这里，基于electron25+vue3开发跨端仿制chatgpt实例就先分享到这里，希望对大家有所帮助。
1.6K60编辑于 2023-06-11 - 来自专栏前端
uniapp App端使用定位
没有开启wifi，获取到的定位是基站格式 文档查看Android 定位SDK文档 https://lbs.amap.com/faq/android/location-sdk/position 注：uniapp
72710编辑于 2024-03-19 - 来自专栏农民工前端
uniapp判断h5微信小程序app端+实战展示
导文 ❝这里是导文 当你在开发Uni-app时，需要根据不同的平台（比如App端、H5端、微信小程序等）来执行不同的代码逻辑，可以使用条件编译来实现这一点。 常见的平台标识符 Uni-app中常见的平台标识符包括但不限于： APP-PLUS：App端，包括iOS和Android。 H5：网页端，即在浏览器中运行的H5应用。 App-Plus'); /*#endif*/ /*#ifdef H5*/ // 在浏览器端（H5）执行的逻辑 console.log('Running on H5'); /*#endif*/ 使用场景举例 平台特定样式：在App端和H5端可能需要不同的样式表达方式，可以通过条件编译来引入不同的CSS文件或样式代码。 性能优化：针对不同平台可能需要不同的性能优化策略，例如在App端可能更注重内存和CPU的优化，而在H5端可能更注重网络和DOM的优化。
2.9K10编辑于 2024-07-25 uniapp uview 1.0 跨域h5配置多个代理、如何请求接口
参考文章：uniapp uView1.0跨域h5配置多个代理 官方手册：http 请求 项目中使用： 参考其他博主的文章是在manifest.json中配置代理，但在官方的手册中是直接在script请求的 ，我尝试请求了下没问题，上线后也不存在跨域问题，数据直接拿到了（有点懵） 官方手册中是在onload中请求的，实际项目中我是放在created中也ok。
39810编辑于 2025-12-15- 来自专栏前端
uniapp app端 webview 返回多次
嵌入页面有多个历史时，app端默认会返回嵌入页面的上一页，而不是uniapp的上一页 onBackPress可以拦截到返回类型，实体返回（from = backbutton）、导航栏左上角返回（from
56610编辑于 2024-03-19 - 来自专栏h5
vue+web端聊天室|网页端vue聊天系统
vue仿微信客户端vueWebChat聊天系统|vue全家桶开发聊天室 使用了Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI /assets/js/wcPop/skin/wcPop.css' // 引入饿了么pc端UI库 import elementUI from 'element-ui' import 'element-ui
12.5K10发布于 2019-05-01 - 来自专栏程序源代码
【程序源代码】商城-uniapp端
“ 关键字: “商城-uniapp端" 01 ———— 【总体介绍】 商城-uniapp端 这套程序主要是以商城为实际业务开发的一套可以适用于前端的uniapp框架。 一款轻量级、高性能、前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP，前后端源码完全开源，看见及所得，完美支持二次开发，可学习可商用，让您快速搭建个性化独立商城。 这是一套包含服务的前端与服务端的源码，估计这个源码是个人爱好编写的，所以不要希望能商用，作为个人开源的源码大家基于兴趣学学就可以了。不要商用使用。这也是一般开源的原则。 02 ———— 【技术介绍】 一、软件开发环境和语言 开发中主要使用的语言：nuiapp 二、技术框架介绍 用户端uniapp vue 三、源码部署说明 这套源码是采用通过的技术进行开发的 前端源码 https://gitee.com/itcode-itcode/yoshop2.0-uniapp 05 ———— 【希望大家都关注一下我、给我鼓励】 要成为一名成功的创造者，你不需要数百万粉丝
1.2K20编辑于 2022-10-09 - 来自专栏h5
2026新春之作跨端AI Chat系统|uniapp+vue3+deepseek流式ai模板
2026/2迎接新年实战uniapp+vue3+mphtml+deepseek从0-1纯手搓【h5+小程序+安卓】ai对话系统。 支持运行到小程序+Web+安卓端。 技术知识点开发工具：HbuilderX 4.87技术框架：uni-app+vue3+pinia2+vite5大模型框架：DeepSeek-V3.2UI组件库：uni-ui+uv-ui高亮插件：highlight.jsmarkdown 解析：ua-markdown+mp-html本地缓存：pinia-plugin-unistorage项目编译支持另外h5端还支持mermaid图表渲染功能，图表支持移动端/pc端 拖拽 缩放功能。 编译运行到web端，以750px宽度显示页面布局。原创研发不易，感谢大家的阅读与支持！
49920编辑于 2026-02-10 - 来自专栏h5
最新原创uniapp-vue3-osadmin手机版后台管理系统
最新版uni-app+vue3+pinia2+uni-ui跨三端仿ios手机桌面os模式admin后台系统。uniapp-vue3-oa支持运行到h5+小程序+app端。 （基于uniapp+vue3自定义弹窗组件）表格组件：uv3-table（基于uniapp+vue3跨端综合表格组件）图表组件：qiun-data-charts模拟数据：mockjs（用于自定义表格模拟数据 支持编译运行H5+小程序端+APP端。 最新研发uniapp+vue3仿微信app聊天模板最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app +vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版ai流式对话
76610编辑于 2025-08-25 - 来自专栏项目实战
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
项目介绍JavaDog Chat 简单通讯聊天软件是基于SpringBoot+MybatisPlus+uniapp+uview+stomp等更多优秀组件及前沿技术开发，注释丰富，代码简洁，开箱即用，兼容 H5+小程序+APP,及其适合入门学习！ 无任何套路即可获得或访问https://javadog.net/archives/chat体验地址因二维码图被和谐，最好访问https://javadog.net/archives/cha进行扫码访问体验1.网页H5http 18306390693 密码：123456如需多个账户可自行注册主要模块功能️登录注册用户可自主注册，并通过用户名密码进行登录如忘记密码则可通过邮箱找回密码，但需要在配置文件中配置邮箱相关内容图片消息展示群组及好友聊天信息 ，并有消息提醒及未读标记可通过上方放大镜进行搜索,或者扫一扫进行好友添加点击查看聊天信息，可进行文字/图片/视频/语音等发送方式图片图片好友按照字母索引展示所有好友列表，并可通过放大镜搜索通过右上角扫描二维码进行好友添加
60910编辑于 2024-10-11 - 来自专栏即时通讯技术
开源轻量级 IM 框架 MobileIMSDK 的Uniapp客户端库已发布
一、基本介绍 MobileIMSDK-Uniapp端是一套基于Uniapp跨端框架的即时通讯库： 1）超轻量级、无任何第3方库依赖（开箱即用）； 2）纯JS编写、ES6语法、高度提炼，简单易用； 3）基于 Uniapp标准WebSocket API，简洁优雅； 4）理论上可运行于任何支持Uniapp跨端框架的平台上； 5）能与 MobileIMSDK（Github托管链接） 的各种客户端完美互通； 6）可应用于基于 Uniapp的跨平台App或Web的消息推送、客服聊天、企业OA、IM等场景。 5）服务端基于Netty，性能卓越、易于扩展； 6）可与姊妹工程 MobileIMSDK-Web 无缝互通实现网页端聊天或推送等； 7）可应用于跨设备、跨网络的聊天APP、企业OA、消息推送等各种场景 4）纯JS轻量级实现： 纯JS编写、ES6语法，无重量级框架和库依赖（更无Native代码），可干净利落地对接各种既有系统； 5）跨平台运行能力： 受益于Uniapp框架的跨端特性，理论上本SDK可运行于任何支持
1.3K20编辑于 2023-05-12 - 来自专栏h5
h5仿微信web端|仿wechat网页聊天实战
《H5+CSS3微信h5微场景实战开发》仿微信H5电脑端聊天场景项目案例、h5仿微信聊天界面 前几天有使用html5开发了一个聊天界面——h5高仿微信聊天界面 ，最近又在原先基础上开发了一款仿微信电脑端 web版聊天系统，使用到了HTML5+css3+jQuery+weui+wcpop等技术，可以发表情、消息，有红包、打赏、霸屏相关微功能，还可以右键菜单操作，值得分享！！！
4.8K140发布于 2018-06-14 - 来自专栏h5
最新研发uniapp+vue3仿微信app聊天模板
2025最新原创uni-app+vue3+pinia2+uvui跨三端【H5+小程序+App端】仿微信app聊天系统。uni-vue3-wechat支持运行编译到h5+小程序+app端。 技术栈编辑器：HbuilderX 4.75技术框架：uni-app+vue3+pinia2+vite5状态管理：pinia2组件库：uni-ui+uv-ui（uniapp+vue3组件库）弹框组件：uv3 app端项目结构目录使用最新跨端框架uniapp+vue3搭建项目模板，采用vue3 setup语法编码。 支持运行到h5在pc端以750px宽度显示布局。公共布局模板<! /developer/article/2537496基于uniapp+deepseek+vue3跨平台ai流式对话：https://cloud.tencent.com/developer/article
94920编辑于 2025-08-11 - 来自专栏云开发
手把手带你用AI 2天撸出6端匿名社交App！
项目概览： ⏰ 开发周期： 2天完成基础功能 支持平台： 6端运行（iOS、Android、Web、微信/抖音/支付宝小程序） 核心功能： 手机验证登录 + 随机匹配 + 实时聊天 技术选型： AI IDE + CloudBase AI ToolKit + uni-app 项目名称：SoulChat[1] - 一款基于随机匹配的匿名聊天应用 效果演示 多端实时匹配 + 聊天演示： 小程序端跨端匹配 支付宝小程序 ↔️ 抖音小程序 实时匹配聊天 Web端跨端通信 H5端 ↔️ 微信小程序 无缝对话 原生App互通 Android ↔️ iOS 跨平台聊天 一套代码，六端运行！ 跨端应用 + 云开发到当前目录 这一步会自动下载CloudBase AI ToolKit官方提供的uni-app模板，该模版包含CloudBase 最佳实践 rules 以及 CloudBase MCP 跨端互通： Web、小程序、原生App无障碍通信 实时体验： 消息即时同步，无需刷新 总结与展望 核心收获 通过这次 SoulChat 项目实践，我深刻体会到了 CloudBase + AI 的强大能力
1K10编辑于 2025-07-31 - 来自专栏河湾欢儿的专栏
uniapp 打包h5问题
放置到服务显示空白页面 发现图片和css等请求的路径不对 需要加路径配置的代码 publicPath默认是根目录 所以会造成请求不到文件的困扰 请求成功
1.2K30发布于 2020-04-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号