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
27500
代码可运行
举报
文章被收录于专栏:快乐阿超快乐阿超
运行总次数: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
2370
uniapp for Harmony FAQ汇总一
【01】完整开发即构美颜sdk的uni官方uts插件—让所有开发者可以直接使用即构美颜sdk的能力-优雅草卓伊凡
即构美颜sdk不支持uniapp,我们需要制作uni原生插件,安卓和IOS双端都需要
卓伊凡
2025/01/24
1690
带你使用uni-upgrade-center搭建APP更新系统(升级中心+应用升级)
我是代码哈士奇 此文章来源为代码哈士奇,个人主页:https://dmhsq.blog.csdn.net/
代码哈士奇
2021/10/25
8100
带你使用uni-upgrade-center搭建APP更新系统(升级中心+应用升级)
uniapp自动化测试
这里可以在HBuilderX设置的插件设置里取消勾选“自动修改jest.config.js文件中的testMatch”选项才能自定义测试目录
阿超
2024/11/17
1230
uniapp目录结构以及全局文件
1.工程目录 一个uni-app工程,默认包含如下目录及文件: ┌─uniCloud 云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb(详
名字是乱打的
2022/09/29
1.9K0
uniapp目录结构以及全局文件
【一步步开发AI运动APP】三、在APP中引入识别插件
使用的「AI运动识别插件」引擎,已托管到DCloud插件市场,为什么标准的uni-modules模块,同时支持uni-app和uni-app x两个框架。
alphaair
2025/03/25
420
uVIew 介绍及基本使用
uView 官网: https://www.uviewui.com ,uView 是 uni-app 生态专用的 UI 框架
很酷的站长
2022/12/05
2.5K0
uVIew 介绍及基本使用
HBuilderX 4.62 开始,uni-app 支持嵌入鸿蒙原生组件
从 uni-app 4.62 版本起,开发者可以通过 UTS 插件将鸿蒙原生组件嵌入到 uni-app 应用中,并且支持同层渲染。这一功能使得开发者能够充分利用鸿蒙系统的原生组件,提升应用的性能和用户体验。以下是具体介绍和实际案例。
徐建国
2025/04/28
1260
HBuilderX 4.62 开始,uni-app 支持嵌入鸿蒙原生组件
带你使用uni-upgrade-center搭建APP更新系统(升级中心+应用升级)
我是代码哈士奇 此文章来源为代码哈士奇,个人主页:https://cloud.tencent.com/developer/user/5264655
代码哈士奇
2021/04/20
5.1K39
iui Design一套基于Vue3的Uniapp组件库
iui Design 是一款基于uni-app的前端组件库,它提供了一套可复用、易扩展、低耦合的移动端 UI 组件库,帮助开发者快速搭建移动应用。
iui Design
2023/08/10
9681
iui Design一套基于Vue3的Uniapp组件库
Vue框架集成uview-plus-前端教程(一)
这篇文章主要记录了搭建前端框架主要步奏,接下来会手把手教你如何用vue框架集成uview-plus,后续会如何发版到小程序,一步一步完成发版
用户9919783
2023/09/05
1.6K0
Vue框架集成uview-plus-前端教程(一)
uni-app实战之社区交友APP(1)项目介绍和环境搭建
本文主要介绍项目的概况和环境搭建: 本项目是基于uni-app开发的社区交友APP;环境搭建以HbuilderX为主,创建项目即可测试运行;同时为了兼容多种平台,需要进行多端调试环境的搭建,包括Android、iOS、微信小程序和支付宝小程序等等。
cutercorley
2021/01/26
3K0
uni-app实战之社区交友APP(1)项目介绍和环境搭建
【UniApp】-uni-app-扩展组件
然后在配置一下,微信小程序的 AppId,直接去之前的项目中拷贝一下即可,找到之前项目的 manifest.json 文件,然后选择微信小程序配置,复制一下即可:
程序员NEO
2023/12/09
6762
【UniApp】-uni-app-扩展组件
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
本篇将为您介绍微信支付在小程序 Uniapp 端的全新篇章。微信支付作为移动支付领域的先驱之一,不断演进与创新,为用户和开发者提供更便捷、安全的支付体验。在本文中,我们将深入探讨微信支付在小程序 Uniapp 端的应用与优势。
杨不易呀
2023/09/22
2.1K2
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
uniapp初始页面
​​​​​​​https://www.dcloud.io/hbuilderx.html
红目香薰
2023/10/11
2770
uniapp初始页面
uni-app入门教程(1)uni-app简介、部署和目录结构
本文主要介绍了uni-app的基本情况,并引导快速创建和运行第一个uni-app项目,同时对项目的目录结构和代码规范进行详细说明,适合uni-app零基础初学者。
cutercorley
2020/12/16
5.4K0
uni-app入门教程(1)uni-app简介、部署和目录结构
【愚公系列】2022年11月 uniapp专题-创建项目和项目说明
uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
愚公搬代码
2022/11/20
5360
【愚公系列】2022年11月 uniapp专题-创建项目和项目说明
uni-app(优医咨询)项目实战 - 第1天
在本节要求大家掌握 uni-app 项目的创建、运行、以及 Android 真机环境配置,内容侧重于动手操作,需要理解的部分较少,操作过程中遇到错误后,可以从头重新进行操作,直到环境正常运行。
程序员朱永胜
2024/04/18
2460
uni-app(优医咨询)项目实战 - 第1天
vite+vue3搭建uniapp开发环境
最近想搞个移动端或小程序的 Vue3 项目,所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台,Taro 与 uniapp,但 uniapp 貌似对 vue3 的支持不是特别友好。所以让我在 Taro 和 uniapp 之间抉择了一段时间,最终还是尝试选择相对熟悉的 uniapp 来进行开发。
愧怍
2022/12/27
3.2K0
vite+vue3搭建uniapp开发环境
uni-app x 从 4.61+起支持 Harmony NEXT
uni-app x 是一个庞大的工程,它包括 uts 语言、uvue 渲染引擎、uni 的组件和 API、以及扩展机制。
徐建国
2025/04/16
1950
uni-app x 从 4.61+起支持 Harmony NEXT
推荐阅读
相关推荐
uniapp for Harmony FAQ汇总一
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验