Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >uniapp-x之uts插件运行hutool

uniapp-x之uts插件运行hutool

作者头像
阿超
发布于 2024-11-17 04:22:16
发布于 2024-11-17 04:22:16
30900
代码可运行
举报
文章被收录于专栏:快乐阿超快乐阿超
运行总次数:0
代码可运行

若要为自己而活,首先必须为别人而活。——色内卡

注意这里是安卓真机设备

注意配置好HBuilderXgradle配置、JDK配置、安卓SDK配置等,在HBuilderX的运行配置中能找到

首先HBuilderX新建一个uniapp-x工程

就是在uni-app项目默认模板下面勾选uni-app x

然后先运行到安卓手机上,我们自定义一个基座

HBuilderX选择运行——运行到手机或模拟器——制作自定义调试基座

我这里输入包名,等待云打包完成后即可在运行到Android真机设备时选择自定义基座运行

然后我们右键新建一个目录叫uni_modules,右键uni_modules新建uni_modules插件

选择UTS插件-API插件新建,我这里输入的名字叫dromara-hutool

新建以后我们在uni_modules/dromara-hutool/utssdk/app-android/config.json中引入hutool的依赖

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
	"minSdkVersion": "21",
	"dependencies": [
		"cn.hutool:hutool-all:5.8.26"
	]
}

然后编写代码~uni_modules/dromara-hutool/utssdk/app-android/index.uts

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import StrUtil from 'cn.hutool.core.util.StrUtil'

export const isNotBlank = function (str : string) : boolean {
	return StrUtil.isNotBlank(str)
};

pages/index/index.uvue中使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<template>
	<view>
		<image class="logo" src="/static/logo.png"></image>
	</view>
</template>
<script>
	import { isNotBlank } from '@/uni_modules/dromara-hutool'
	export default {
		data() {
			return {
			}
		},
		onLoad() {
			console.log('isNotBlank', isNotBlank(""))
		},
		methods: {

		}
	}
</script>
<style></style>

打开页面可以看到输出:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
17:34:49.167 开始差量编译...
17:34:49.198 uni_module [dromara-hutool] 三方依赖文件已存在,跳过下载
17:34:50.473 项目 simple-uts 编译成功。
17:34:50.478 正在同步手机端程序文件...
17:34:51.762 App Launch at App.uvue:5
17:34:51.762 App Show at App.uvue:8
17:34:51.763 isNotBlank [boolean] false at pages/index/index.uvue:20
17:34:52.037 应用启动到触发onLaunch耗时: 572ms
17:34:52.053 进入页面:/pages/index/index​ 。[{"创建dom元素个数":"4个","耗时":"22ms"},{"排版":"1次","耗时":"6ms"},{"渲染":"1次","耗时":"233ms"},{"跳转页面到onReady总耗时":"454ms"}]

成功在安卓设备执行hutoolStrUtil.isNotBlank

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-11-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
uniapp for Harmony FAQ汇总一
原路径后面添加 /bin/devecostudio64.exe,然后重启 HBuilderX
徐建国
2024/08/30
2630
uniapp for Harmony FAQ汇总一
【01】完整开发即构美颜sdk的uni官方uts插件—让所有开发者可以直接使用即构美颜sdk的能力-优雅草卓伊凡
即构美颜sdk不支持uniapp,我们需要制作uni原生插件,安卓和IOS双端都需要
卓伊凡
2025/01/24
2490
uniapp初始页面
​​​​​​​https://www.dcloud.io/hbuilderx.html
红目香薰
2023/10/11
2890
uniapp初始页面
uniappx 插件 nutpi-idcard 开发与使用指南(适配鸿蒙)
nutpi-idcard 是一个基于 UTS (uni-app TypeScript Syntax) 开发的 uni-app 插件适配鸿蒙,主要用于解析身份证号码,提取其中的关键信息,如地区、出生日期、性别等。本插件支持中国居民身份证、港澳台居民居住证以及外国人永久居留身份证。
徐建国
2025/06/08
670
uniappx 插件 nutpi-idcard 开发与使用指南(适配鸿蒙)
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
本篇将为您介绍微信支付在小程序 Uniapp 端的全新篇章。微信支付作为移动支付领域的先驱之一,不断演进与创新,为用户和开发者提供更便捷、安全的支付体验。在本文中,我们将深入探讨微信支付在小程序 Uniapp 端的应用与优势。
杨不易呀
2023/09/22
2.1K2
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
UTS 插件在前端的引入与使用指南
UTS 插件是 uni-app 生态中强大的跨平台能力扩展工具,它允许开发者使用统一的语法编写原生功能模块,同时支持 uni-app 和 uni-app X 框架。本文将详细介绍前端如何引用和使用 UTS 插件,以及插件间相互调用的方法。
徐建国
2025/06/11
1310
UTS 插件在前端的引入与使用指南
uni-app x 从 4.61+起支持 Harmony NEXT
uni-app x 是一个庞大的工程,它包括 uts 语言、uvue 渲染引擎、uni 的组件和 API、以及扩展机制。
徐建国
2025/04/16
2420
uni-app x 从 4.61+起支持 Harmony NEXT
uniapp目录结构以及全局文件
1.工程目录 一个uni-app工程,默认包含如下目录及文件: ┌─uniCloud 云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb(详
名字是乱打的
2022/09/29
1.9K0
uniapp目录结构以及全局文件
nutpi-chinese-number-format:强大的中文数字格式化 UTS 插件(适配鸿蒙)
坚果派拥有若干华为HDE,以及若干其他领域的三十余位万粉博主运营。专注于研究的技术包括鸿蒙、仓颉、AI、BlueOS,小米操作系统等。团队聚焦“鸿蒙原生应用”、“智能物联”和“AI赋能”、“人工智能”四大领域的技术分享,希望推动国产新技术!
徐建国
2025/06/09
730
nutpi-chinese-number-format:强大的中文数字格式化 UTS 插件(适配鸿蒙)
【03】完整开发腾讯云播放器SDK的UniApp官方UTS插件——优雅草上架插件市场-卓伊凡
本系列教程最初规划是开发即构美颜SDK的UTS插件,但由于甲方公司内部战略调整,原项目被迫中止。考虑到:
卓伊凡
2025/06/02
1460
用uniapp开发跨端应用开发打包发布完整指南
用uni-app开发多端项目,一套代码可同时打包出各端小程序、h5和app,uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目,下面示例项目采用 HBuilderX可视化界面 的方式创建,cli项目可参考uni文档,大部分流程都是通用的。
人人都是码农
2023/11/16
2.7K0
用uniapp开发跨端应用开发打包发布完整指南
【一步步开发AI运动APP】三、在APP中引入识别插件
使用的「AI运动识别插件」引擎,已托管到DCloud插件市场,为什么标准的uni-modules模块,同时支持uni-app和uni-app x两个框架。
alphaair
2025/03/25
520
uniapp自动化测试
这里可以在HBuilderX设置的插件设置里取消勾选“自动修改jest.config.js文件中的testMatch”选项才能自定义测试目录
阿超
2024/11/17
1450
uni-app 开发鸿蒙应用—uts实现媒体文件下载并保存到系统相册
uni-app 开发鸿蒙应用 | uni-app官网 (dcloud.net.cn)
超级小可爱
2024/11/26
2671
uni-app 开发鸿蒙应用—uts实现媒体文件下载并保存到系统相册
vite+vue3搭建uniapp开发环境
最近想搞个移动端或小程序的 Vue3 项目,所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台,Taro 与 uniapp,但 uniapp 貌似对 vue3 的支持不是特别友好。所以让我在 Taro 和 uniapp 之间抉择了一段时间,最终还是尝试选择相对熟悉的 uniapp 来进行开发。
愧怍
2022/12/27
3.3K0
vite+vue3搭建uniapp开发环境
uniapp实现简单登录注册
可以看到弹窗供你选择,这个地方是因为我们的ctrl+y与删除行重复了,所以需要选择
阿超
2022/08/16
7.1K3
uniapp实现简单登录注册
HBuilderX 4.62 开始,uni-app 支持嵌入鸿蒙原生组件
从 uni-app 4.62 版本起,开发者可以通过 UTS 插件将鸿蒙原生组件嵌入到 uni-app 应用中,并且支持同层渲染。这一功能使得开发者能够充分利用鸿蒙系统的原生组件,提升应用的性能和用户体验。以下是具体介绍和实际案例。
徐建国
2025/04/28
1570
HBuilderX 4.62 开始,uni-app 支持嵌入鸿蒙原生组件
『UniApp』核心语法
下载地址:https://www.dcloud.io/hbuilderx.html
程序员NEO
2023/12/26
5982
『UniApp』核心语法
【UniApp】-uni-app-扩展组件
然后在配置一下,微信小程序的 AppId,直接去之前的项目中拷贝一下即可,找到之前项目的 manifest.json 文件,然后选择微信小程序配置,复制一下即可:
程序员NEO
2023/12/09
7132
【UniApp】-uni-app-扩展组件
iui Design一套基于Vue3的Uniapp组件库
iui Design 是一款基于uni-app的前端组件库,它提供了一套可复用、易扩展、低耦合的移动端 UI 组件库,帮助开发者快速搭建移动应用。
iui Design
2023/08/10
9781
iui Design一套基于Vue3的Uniapp组件库
推荐阅读
相关推荐
uniapp for Harmony FAQ汇总一
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验