- 综合排序
- 最热优先
- 最新优先
- 来自专栏万丈高楼平地起
uniapp开发
1.开发方式 1.Dcloud 提供的 HBuildex 来开发 2.使用脚手架快速搭建和开发 a>全局安装 npm i -g @vue/cli b>创建项目 1》vue create -p dcloudio /uni-preset-vue [项目名称] 2》选择默认的模板就行 c>启动项目 npm run build:mp-weixin d>微信开发者工具导入项目 e>支付宝开发者工具导入项目 f>全局文件配置 https://zh.uniapp.dcloud.io/collocation/pages.html
1.8K10编辑于 2022-10-31 - 来自专栏友人a的笔记丶
Uniapp、Html5plus、Native.js开发记录
，允许读写系统设置项 android.permission.READ_PHONE_STATE，允许读取手机通话状态 android.permission.READ_CALL_LOG，允许读取通话记录（uniapp 开发指南：https://uniapp.dcloud.net.cn/plugin/uts-plugin.html 2.问题记录 scss文件在App.vue内引入无效（未设置scope），单个组件内引入有效 ，原因未知； uniapp 不支持* css选择器。
3.9K50编辑于 2023-02-17 - 来自专栏用户1998800的专栏
部署使用uniapp开发的h5网站
一、主域名或者子域名独立站点 1.首先在HbuilderX里点击【manifest.json】，然后选择【h5配置】，然后【路由模式】选择history模式（因为微信支付等场景不支持hash模式） 2 .点击HbuilderX的【发行】菜单，在下拉框中点击【网站-h5-手机版(仅适用于uni-app)】，这时候会出现控制台TAB，等待打包完成会提示类似【项目 'xxx'导出h5成功，路径为：/Users /jry/Documents/www/xxx/unpackage/dist/build/h5】 3.把上一步的h5整个目录传到linux服务器比如/home/ly/www/下面 4.新建一个ngxin 配置文件命名为【h5.conf】，配置文件内容如下： server { listen 80;#默认端口是80，如果端口没被占用可以不用修改 server_name m.xxx.com; #access_log logs/host.access.log main; root /home/ly/www/xxx/h5;
5.4K20编辑于 2023-07-24 - 来自专栏万少的技术分享
uniapp 云开发 精讲
uniapp 云开发介绍 uniCloud 是 DCloud 联合阿里云、腾讯云、支付宝小程序云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。 可以在web端或者hbuilderX 使用MongoDB语法或jql语法管理数据库 uniapp还提供了独特的 clientDB 能力，可以我们直接在前端页面中读取数据库，极大提高了开发效率 // 获取 uniapp提供了云端一体插件，可以直接通过引入的方式就帮我们做好了前端和后端的所有工作，极大简化了开发者的工作。 uni-id：不用再开发用户系统。 详见 uni-map：地理位置开发中间件，极大加速地图业务开发效率。 certifyId 成功调用后，无论认证结果是否匹配，都仅可再调用5次getAuthResult接口获取认证结果，超过5次后请求该接口将返回56002 请求次数已超限错误。
91800编辑于 2025-02-10 - 来自专栏APP开发
UniApp开发的设备适配
UniApp 是一个跨平台开发框架，支持多端应用（如H5、小程序、iOS、Android等）。由于不同设备的屏幕尺寸、分辨率、操作系统等存在差异，设备适配是开发过程中需要重点关注的问题。 以下是 UniApp 设备适配的详细策略和技巧。1.屏幕适配1.1使用rpx单位rpx 介绍：rpx 是 UniApp 提供的自适应单位，1rpx 等于屏幕宽度的 1/750。 5.横竖屏适配5.1锁定屏幕方向在 pages.json 中配置 pageOrientation，锁定屏幕方向。 6.2调试工具使用 Chrome DevTools 调试 H5 页面。使用微信开发者工具调试小程序。使用 HBuilderX 的真机调试功能调试移动端应用。 在实际开发中，建议结合具体场景，持续测试和优化适配效果。
1.5K00编辑于 2025-02-25 - 来自专栏河湾欢儿的专栏
uniapp 打包h5问题
放置到服务显示空白页面 发现图片和css等请求的路径不对 需要加路径配置的代码 publicPath默认是根目录 所以会造成请求不到文件的困扰 请求成功
1.2K30发布于 2020-04-01 - 来自专栏crmeb
uniapp 和 HTML5 区别
uniapp 和 HTML5 区别：1、uniapp 是一个使用 Vue.js 开发所有前端应用的框架，而 HTML5 是构建 Web 内容的一种语言描述方式；2、uniapp 不支持 dom 操作， 而 H5 端有 dom 对象；3、uniapp 不支持过滤器等等。 uniapp 支持跨移动端开发，如果只做 H5 端，用 uniapp 其实和用 vue 开发没什么区别，vue 能用的插件，uniapp 也能用。 uniapp 的性能问题主要集中在 app 端，做 H5 和 VUE 的开发体验是一致的。 五、共同点 1、uniapp 和 h5 共同的优点：一端多用，做单一品种比较不错，简单方便，小巧。 2、uniapp 和 h5 共同的缺点：与原生相比性能上目前是不可跨越的鸿沟。
2K30编辑于 2022-05-26 - 来自专栏cloud stdio
【uniapp】H5向uniapp通信存储数据——H5如何传递数据到uniapp方法的解决方案
前言 最近在做H5号码认证无感登录，发现市场上的H5登录文档不健全，没有适合uniapp的，综合对比了多家，找了一家个推的接入，由于SDK、demo都是H5，精力有限，于是打算通过H5完成认证，通过回调数据发送给 Uniapp进行验证 演示 该页面为webview加载的网页，通过点击网页的“网页跳转”可以操作uniapp进行跳转，来到第二张图 可通过id传参，但是这里没有渲染出来 h5 <! 网络网页</title> <style type="text/css"> .btn { display: block; margin: 20px auto; padding: 5px }); }); </script> </body> </html> index.vue <template> <view> <web-view src="https://******/h<em>5</em>authlogin console.log(options.id) }, methods: { } } </script> 存储 来到新的页面后进行接收，将数据进行本地存储，或者进行业务逻辑判断，H<em>5</em>的
1.1K00编辑于 2024-05-25 - 来自专栏Java实战博客
Uniapp 开发代码包规范
image.png Hbuilder：https://www.dcloud.io/ Uniapp 开发文档：https://uniapp.dcloud.io/ Uniapp：因为有些组件可能会要求包的文件名 └── request.js // http请求库 ├── App.vue ├── main.js // 入口文件 ├── manifest.json // uniapp
87510编辑于 2022-01-19 - 来自专栏万少的技术分享
uniapp 极速上手鸿蒙开发
uniapp 极速上手鸿蒙开发 uniapp 团队 与版本 4.28.2024092502 起，支持鸿蒙应用开发，现在是 4.36.2024112817,同时支持鸿蒙应用和元服务开发了。 HBuilderX 4.31+ 构建的鸿蒙运行包不支持 x86_64 平台，会影响到 Windows 系统和部分 Mac 系统的鸿蒙模拟器无法使用，需使用真机调试 底下主要针对真机做的演示 项目要求 在创建 uniapp 复制证书相关的配置 下载和安装 hbuilder hbuilder 下载相关插件 hbuilder 配置 DevEco Studio 工具路径 hbuilder 新建 uniapp 运行项目的时候需要用到 在使用 DevEco Studio 新建完项目后，参考链接 进行证书的配置 得到配置文件 build-profile.json5 后续复制整个代码到 uniapp 创建的项目即可 vue3 工程 新建 vue3 工程 hbuilder 配置鸿蒙应用的证书 在项目根目录下配置 \harmony-configs\build-profile.json5 如果不存在，则手动新建。
46010编辑于 2025-02-10 - 来自专栏APP开发
UniApp开发框架的介绍
UniApp 是一个基于 Vue.js 的跨平台开发框架，允许开发者使用一套代码构建多端应用（如H5、小程序、iOS、Android等）。以下是 UniApp 开发框架的详细介绍。 2.UniApp 的开发环境2.1开发工具HBuilderX：官方推荐的IDE，内置 UniApp 开发模板和调试工具。支持代码高亮、智能提示、实时预览等功能。 5.UniApp 的开发流程5.1创建项目使用 HBuilderX 创建 UniApp 项目，选择模板（如默认模板、Hello UniApp）。 5.4打包与发布H5 发布：使用 npm run build:h5 打包 H5 应用，部署到服务器。 7.UniApp 的适用场景多端应用开发：适合需要同时开发 H5、小程序和移动 App 的项目。快速原型开发：适合快速构建 MVP（最小可行产品）或原型。
1.4K10编辑于 2025-02-25 - 来自专栏程序技术知识
uniapp兼容H5和小程序订阅消息授权开发封装
本文使用 uniapp 框架开发，因为H5的订阅消息和小程序的订阅消息的授权流程不一样，但是很多地方需要使用授权，所以我封装了一个兼容H5和小程序订阅消息授权的方法，使用比较方便，希望能够帮助到你，实测可用 下面简单看下H5订阅消息发送和小程序订阅消息发送的区别： 简单说H5就是需要重定向到微信的一个地址，然后微信回调告诉你用户是否授权，而小程序是有官方提供的 API ，调用API就能拿到回调信息告诉你用户是否授权 下面看看官方文档的介绍： 1、公众号H5订阅消息发送流程 2、小程序订阅消息授权 最后，来看看我是怎么实现的吧！ -- 订阅消息监听和发送，兼容微信小程序和H5 --> onLoad: function(options) { common.Init.call(this); // #ifdef H5 scene_id, template_id) 封装的js：common.js function Init(e) { const that = this; // #ifdef H5
1.9K20编辑于 2022-05-16 - 来自专栏站长的编程笔记
uniapp 目录结构及开发规范
开发规范 ---- 为了实现多端兼容， 综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范 1. 页面文件遵循 vue 单文件组件 （SFC）规范 2. 数据绑定及事件处理同 Vue.js 规范, 同时补充了App及页面的生命周期 5. 为兼容多端运行, 建议使用 flex 布局进行开发
87630编辑于 2023-01-05 - 来自专栏Java
uniapp项目实践第二章：使用vscode开发uniapp项目
使用vscode开发uniapp项目 简介：本文讲解如何使用vscode开发uniapp项目。 首先使用vscode打开项目 安装插件 然后就可以新建uniapp页面了 创建新的页面，并且整理好代码 查看路由 安装插件 然后鼠标悬停，就有了提示 可以一键跑到对应的官方文档
7K11编辑于 2025-01-21 - 来自专栏友人a的笔记丶
uniapp开发笔记，持续记录
字体图标引入：https://uniapp.dcloud.io/frame?id=%e5%ad%97%e4%bd%93%e5%9b%be%e6%a0%87 2. 各种小程序端的类wxs：https://uniapp.dcloud.io/frame?id=wxs 5. id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84 10. uniapp 安卓应用开发记录：https://nicen.cn/webapp.html 11.uniapp Vue2 Uniapp开发遇到的登录的问题 网络请求都是异步的，但是某些页面必须登录加载数据之后才能显示。 4.页面通讯 页面通讯：https://uniapp.dcloud.net.cn/tutorial/page.html#%E9%A1%B5%E9%9D%A2%E9%80%9A%E8%AE%AF 5.请求拦截器
1.6K10编辑于 2023-02-17 - 来自专栏全栈程序员必看
uniapp如何打包h5(uniapp怎么打包成微信小程序)
uni-app在打包成h5时，默认是不支持直接打开的，因为打包出来是 （/xxx/xxx）这种格式，这点和vue-cli3.0是一致的，在用vue-cll3.0时打包我们会想到在vue.config中配置 publicPath,把它配置成（./），但是你在uni-app中是找不到这个文件的，其实在uni官网是有提到publPath，但是说的并不明确（https://uniapp.dcloud.io/collocation id=publicpath） 如果我们想打包成直接浏览的h5，我们需要配置manifest.json这个文件，在其中的h5配置中加入publicPath配置，配置如下： 代码为： "h5
2.5K20编辑于 2022-08-01 - 来自专栏第一专栏
uniapp水文【uniapp】
1、前言 Uniapp是一种跨平台的移动应用开发框架，它允许开发者使用一套代码库，同时生成iOS、Android等多个平台的应用程序。 这种技术方案可以大大降低开发成本，提高开发效率，使得移动应用的开发变得更加高效和便捷。 2、历史 Uniapp的历史可以追溯到2016年，当时Vue.js框架开始受到广泛关注。 Uniapp作为一种高效的跨平台移动应用开发框架，将会受到越来越多的开发者的青睐。同时，随着Uniapp生态的不断完善和壮大，它将会成为一个更加丰富和强大的开发工具。 团队协作则支持多人开发，并且提供了版本控制、协作编辑、代码冲突解决等功能。消息通知则包括系统通知和消息推送等功能。 5、优缺点 然而，Uniapp也存在一些优缺点。 }</text> </view> </template> 4、条件渲染 <template> <view v-if="show">显示我</view> </template> 5、
2.1K20编辑于 2023-05-29 - 来自专栏WEB开发~
uniapp完成h5打包
h5配置 打开HBuilder X中的manifest.json，点击 h5配置 配置页面标题 路由模式，hash和history，二选一 然后点击发行，选择 网站-PC，弹出对话框 填写网站标题，域名可以不填
1.8K10发布于 2021-07-17 - 来自专栏dmhsq_csdn_blog
云开发---uniapp云开发(二)---云存储基础
云开发系列 视频 https://www.bilibili.com/video/BV1eK4y1p7Qe 我们之前已经讲了 云函数的使用 云开发---uniapp云开发(一)---服务空间创建以及部署一个云函数 云开发---uniapp云开发云函数练习---整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https://uniapp.dcloud.io/uniCloud/storage http://i0.hdslb.com/bfs/archive/52b78eb6e48dc657149f3c0415bbf83a73d64f0e.jpg)(title-云开发系列) 云存储基础 服务空间的云存储 compressed'], //指定压缩图 success:function(res){ console.log(res) } }) [无]如果是选择多个照片count为5 每次最多选择5个 情况如下 uni.chooseImage({ count:5, sizeType: ['compressed'], //指定压缩图 success:function
14.3K10发布于 2021-03-15 - 来自专栏『学习与分享之旅』
【Uniapp】-uni-app开发环境搭建
那么了解完了什么是 Uniapp 之后，这篇文章再来搭建一下 Uniapp 的一个开发环境，那 Uniapp 的开发环境需要什么东西？ ： 步入正题 也就是说你想使用 Uniapp 的话，你最好使用它自带的这开发工具，是吧？ 第一件事情就是你想使用 HBuilderX 来开发 Uniapp，来编写 Uniapp 的一个代码的话，首先你需要注册一个这个 dcloud 的一个账号，dcloud 账号。 它端口号是 7 三个5（7555），把这两个东西改一改, 改完之后你可以把它关掉，它自动就保存了。 配置完毕了 ADB，还没完，还要做件事。做什么事？ 那没问题之后到此为止，这个 Uniapp 开发环境就已经给大家介绍到这里, 介绍完毕了。
1.6K20编辑于 2023-12-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号