写点什么

uni-app

13 人感兴趣 · 105 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/08/08742c4a209ed1f500369319cb2cc979.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp 的 u-album 组件自定义删除功能

在uni-app的u-album组件中,如果你想自定义删除功能,可以按照以下步骤实现:

https://static001.geekbang.org/infoq/fe/fe1759c08250633d3f2b71a539be95f3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp vuecli 项目融合 [小记]:将多个项目融合,打包成一个小程序 /App,拆分多个 H5 应用

用户头像
达摩
01-25

uniapp vuecli项目融合[小记]:将多个项目融合,打包成一个小程序/App,拆分多个H5应用

https://static001.geekbang.org/infoq/56/560bc3158c1b113de9aaa8e792ba2d67.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp+unicloud 开发一个网页端,小程序端,APP 端,桌面端的博客 CMS 系统——万能的三三

ublog:uniapp+unicloud开发一个网页端,小程序端,APP端,桌面端的博客CMS系统——万能的三三

https://static001.geekbang.org/infoq/fe/fe1759c08250633d3f2b71a539be95f3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

让 uniapp 小程序支持多色图标 icon:iconfont-tools-cli

用户头像
达摩
01-20

uniapp小程序支持iconfont多色图标;iconfont-tools-cli:yarn安装,配置,项目正常启动或打包直接执行编译

https://static001.geekbang.org/infoq/fe/fe1759c08250633d3f2b71a539be95f3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

修复 uni-simple-router@2.0.7 版本 query 参数为 null 时的 bug

用户头像
达摩
01-18

uni-simple-router插件query参数为null或者为空时,插件内部参数校验问题导致的会报错:TypeError: Cannot convert undefined or null to object at Function.keys

https://static001.geekbang.org/infoq/5e/5e44dcea24d8adfc9cacd461a3aa31ee.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

报名开启 | 支付宝小程序云 × DCloud 将强强联合,为开发者提供多端开发服务

用户头像
TRaaS
2023-10-19

小程序以低成本、低门槛、易传播、易维护等特点受到广泛青睐,小程序云开发技术应运而生。 为了更好地服务开发者,支付宝小程序云与DCloud 公司达成战略合作。

https://static001.geekbang.org/infoq/92/923673d380ef6a6b6cda2675ce4b5c4b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

5 分钟 get:Uni-App 网络请求完美封装指南!

用户头像
陇锦
2023-08-01

大家好,今天我想分享一些关于uni-app开发中封装高效、优雅的request请求的经验。之前我在uni-app开发小程序:项目架构以及经验分享的文章中,已经分享了一些有用的经验技巧,包括二次封装uni-app的API。下面我将详细介绍如何封装一个强大且易用的request请求

https://static001.geekbang.org/infoq/14/145606579ff07c72de5acf44e359adce.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一个写了 3 年半 flutter 的小伙,突然写了 2 个月 uniapp 的感悟!

因为某些原因,在过去的三年半时间,我除了flutter之外,很少接触其他的框架,期间除了学习了Android(主要是Kotlin、jetpack)、GoLang Gin之外基本上很少接触其他的框架。而在最近的两个月,突然来了一个要求用uniapp实现的项目,在接下这个前,我是有些抵

https://static001.geekbang.org/infoq/ee/eeeaea1b504974bd75abbf13b702f995.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uni-app 开发小程序:项目架构以及经验分享

用户头像
陇锦
2023-07-25

2022年的时候,公司为了快速完成产品并上线,所以选用微信小程序为载体;由于后期还是打算开发App;虽然公司有ios和Android,但是如果能一套代码打包多端,一定程度上可以解决成本。前端技术栈也是vue,在考察选择了uni-app进行开发。

Thinkphp5.1 允许 uni-app 的 H5 跨域请求接口解决方法

用户头像
北桥苏
2023-05-11

     uni-app使用vue框架开发混合APP,虽然APP或者小程序没有跨域,但希望就是写完这个既有H5,又有APP,小程序等,所以能通过后端解决跨域最好。但是不知道是vue的原因还是什么,在PHP接口基类中添加了header头完全不起作用。

uni-app 结合 PHP 实现单用户登陆

用户头像
北桥苏
2023-05-11

单用户登陆,即在一个应用中,同一个用户只能在线登陆一个,一个用户登陆,在其他设备上会被即时挤下线,确认后清空登陆该设备上的登陆装填并退回到登陆界面。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (五十七):uni-app 通过 overrideUrlLoading 实现拦截 webview 窗口的 URL 跳转请求

项目需求:通过uni-app的webview嵌入H5页面,且webview的src为互联网页面访问地址,页面中涉及很多可点击链接,若不加限制,则可以在webview中随意跳转至其它外链地址,存在安全合规隐患。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (五十五):uni-app 获取设备信息及 APP 报无相应权限问题分析及解决

APP开发过程中,需要获取设备ID信息。在实践过程中,发现不同版本的HBuilderX,在调用uni.getSystemInfoSync()接口后,获取到的结果不一致,导致业务逻辑出现问题。例如:使用3.2.15之前的版本调用uni.getSystemInfo接口获取deviceId,安卓设备获取到的为32位

https://static001.geekbang.org/infoq/ac/acc19ba635536e07ff3bd30545dba3bb.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp 配置基本的 tabbar 和动态修改内容

在我们使用uniapp开发项目的时候,如果是一个多tab的应用那么就可以使用到tabBar配置项来指定底部导航栏,以及 tab 切换时显示的对应页,uniapp在pages.json中为我们提供了tabBar配置,方便我们快速开发

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (五十三):uni-app 通过 webview 方式嵌套 H5 实现图片点击下载

在项目开发过程中,遇到uni-app通过webview嵌套H5项目,实现H5中图片点击下载的需求。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (五十)uni-app ios web-view 嵌套 H5 项目白屏问题分析及解决

应用uni-app框架开发好APP上架使用过程中,发现应用经过长时间由后台切换至前台时,通过webview方式嵌套的H5页面发生白屏现象。

https://static001.geekbang.org/infoq/8d/8d061b4abc4e236c1523453687c76dff.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp 自定义富文本编辑器

在我们使用uniapp开发的时候有时会用到富文本编辑器,而uniapp官方内置的组件就有富文本编辑器

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (四十五)uni-app 集成企微客服实战

应用运营过程中,考虑接入企业微信客服功能,大致看了下官方接入文档,并不困难,引入代码量也不大。按照手册来操作即可。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (四十一) 使用 Xcode 打包 iOS 应用 archive 时四种证书的区别详解

在应用XCode进行苹果打包的时候有以下四个选项可供选择,在此累述一下四种模式的含义:

Taro 架构构析 (1):多端框架分析,Taro WePY uni-app 对比

用户头像
zhoulujun
2023-04-09

像Qt 和 Flutter 从底层的渲染引擎 布局引擎 中层的 DSL,再到上层的框架全部由自己开发 ,研发成本巨大。React Native 和 Weex 没有渲染引擎,渲染的一致性无法保证。JS 和 Native 之间需要通信延迟等。Taro WePY uni-app抹平小程序之间

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (四十) 自定义插件及引用

正如将可复用功能封装为自定义组件以供他人使用一样,在uni-app开发框架中提供了另一种形式的自定义插件,并可将该插件提交至uni-app插件市场。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (四十二)vue 与 nvue 页面设计方案探究

在应用uni-app跨平台设计方案进行app开发过程中,uni-app官网支持两种页面设计方案:vue与nvue,不少同学在应用过程中,会搞不清楚两者的区别,而不知如何选择,甚至可能产生错误的应用方式。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十八)uni-app 前端监控方案:基调听云 APP 探究

在前期博文《跨平台应用开发进阶(三十七)uni-app前端监控方案 Sentry 探究》中讲解了Sentry, Sentry是一个开源实时错误监控项目,支持包括 web 前端、服务器端、移动端及其游戏端等多端配置。考虑到目前存量产品在用监控方案听云,故弃用Sentry,探究听云应

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十七)uni-app 前端监控方案 Sentry 探究

在日益发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十六) :uniapp 使用 uni.request 请求报错{“errMsg“:“request:fail abort statusCode:-1“}的解决办法

在uniapp中,使用uni.request()向服务端接口发起请求后,返回值为:{"errMsg":"request:fail abort statusCode:-1"},因此,导致了后面的业务代码报错。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十四) :uni-app 应用 Universal Link 实现 iOS 微信分享

传统的微信分享可通过URLScheme 实现,具体实现方式详参博文《跨平台应用开发进阶(十六) :uni-app实现URLScheme唤醒APP》,但URL scheme因为是自定义的协议,所以在没有安装 app 的情况下是无法直接打开的(在Safari中还会出现一个不可打开的弹窗),而Univer

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十二) :AK/SK 鉴权原理简介

ak/sk是一种身份认证方式,常用于系统间接口调用时的身份验证,其中ak为Access Key ID,sk为Secret Access Key。客户端和服务端两者会协商保存一份相同的sk,其中sk必须保密。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十一) :uni-app 实现覆盖原生控件导航栏和 tabbar 全屏弹窗

应用uni-app跨平台框架进行项目开发过程中,需要实现版本更新时全页面弹窗,底部导航栏无法点击的效果。

https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (三十):uni-app 实现集成火山视频直播服务

项目开发进程中,业务提出新需求,需要接入视频直播。为此,开始接触火山引擎视频直播。火山引擎方值负责提供观播SDK,综合考虑现有技术栈,采用集成Web SDK方式,接入观播功能。直播通过企业版腾讯会议方式进行推流操作。

uni-app_uni-app技术文章_InfoQ写作社区