uniapp内使用uts插件

最新推荐文章于 2025-06-19 16:16:25 发布

Rasky

最新推荐文章于 2025-06-19 16:16:25 发布

阅读量1.4k

点赞数 2

CC 4.0 BY-SA版权

文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/Rasky/article/details/143256985

一般操作

1.导入插件

2.云打包，制作自定义基座，选择ios的话，真机测试要用开发证书，模拟器可以用发布证书

3.用自定义基座运行程序

错误处理

出现compiler.compile错误

编译的时候在控制台会有错误提示，叫运行下面的语句更新，我试过用npm更新成功，控制台是没提示，但就是有上面的错误，最后再运行了一次npx @dcloudio/uvm@latest，选yarn，就看到更新了包，后来就行了。

npx @dcloudio/uvm@latest

选yarn

不行的话就运行多几次npm i，yarn install，总能行的，这个鬼东西👻👻👻

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Rasky

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp uts 插件开发指南

Rey的技术博客

05-23

524

UTS（Uni Type Script）是一种统一、强类型的脚本语言，能够编译为不同平台的编程语言，如JavaScript、Kotlin、Swift和ArkTS。它支持开发独立App（uni-app x）和插件（uts插件）。uts插件通过uts语法操作原生API，封装成uni_modules插件，供前端调用。插件分为api插件和组件插件，分别用于扩展api能力和界面组件。创建uts插件需通过HBuilderX，插件目录结构包括各平台的原生配置和资源文件。开发uts插件需掌握uts语法、应用程序生命周期函数

uts插件开发-继uniapp原生插件nativeplugins,uts插件开发可直接操作原生安卓sdk等，支持uniappx，支持源码授权价格等等-此片文章写的是基础的uts插件，原生相机拍照和回调

05-07

4234

3.在index.uts中编写原生安卓代码，首先定义一个函数方法，在页面中看是否可引用成功。5.修改uts插件takepic函数，原生android唤起手机相机功能。4.运行到手机或模拟器，成功打印111111即可视为调用uts插件成功。2.创建uts插件cf-takepic。6.再次修改uts代码，获取图片路径。index.vue代码。

参与评论您还未登录，请先登录后发表或查看评论

uniappX——uts+uniappX踩坑记录（vue3项目

Black____White的博客

09-09

4183

uniappX的踩坑和基础方法示例，uts的踩坑和基础方法运用的示例

uni-app总结5-UTS插件开发

最新发布

Heyuan_Xie的博客

06-19

1247

uni-app开发系统教程之UTS插件开发

uniapp使用uts插件调用原生API

abs625的博客

02-06

2886

uniapp平台使用uts插件来调用原生API

uniapp leven系列UTS原生插件

夜中雨滴的专栏

11-01

609

安卓动态权限申请UTS原生插件，集成了常用的权限申请，可以自定义权限申请。

uniapp使用uts插件启动原生安卓Service

abs625的博客

02-21

2142

uniapp使用uts插件启动前台服务

uni-app 通过 UTS 插件实现鸿蒙原生组件嵌入

cnzzs的博客

05-10

1158

通过 UTS 插件和鸿蒙原生组件的结合，开发者可以在 uni-app 中高效地扩展鸿蒙平台的能力。本文以按钮组件为例，演示了从组件注册到页面调用的完整流程，帮助开发者快速掌握鸿蒙原生组件的嵌入技巧。

Android平台uni原生插件开发之通过uniapp引入原生插件

04-18

本教程将详细讲解如何通过uni-app引入并使用原生插件，以TestModule为例。 1. **uni-app简介** uni-app是一个由ECharts团队开发的多端统一框架，它允许开发者使用Vue.js语法编写一次代码，就能发布到iOS、Android...

uniapp 安卓GPS定位插件UTS版本，支持uniapp x，支持持续定位监听，支持返回详细街道信息

夜中雨滴的专栏

02-27

788

安卓GPS定位插件UTS版本，支持uniapp x，支持获取定位权限，获取上一次的定位信息，持续定位监听，取消定位监听，可返回详细街道信息。

uniapp uts插件实现AIDL与原生安卓通信

WriteBug001的博客

12-05

2018

上周刚完成uniapp原生插件的开发调试，正兴冲冲地去上架，结果竟告知官方不再接收原生插件了！TNND，我搞了几天，到最后发现做的都是无用功 /(ㄒoㄒ)/~~莫得办法，谁让人家是官方呢，研究uts插件吧！不看不知道，一看都是坑，人家是摸着石头过河，我简直是摸着河床过河！这UTS语法简直了！！！首先你要了解安卓的AIDL，其次要了解Kotlin语言，因为UTS和Kotlin很像，学起来不至于你崩溃😆uniapp Android 原生插件开发（Module 扩展为例·2022）

Uniapp 自定义文件下载、上传-OTA升级（UTS插件）

weixin_59357486的博客

11-05

667

Uniapp 自定义文件下载、上传-OTA升级（UTS插件）

【uniapp 小程序开发语法篇】资源引入 | 语法介绍 | UTS 语法支持(链接格式)

云散的博客

08-08

1799

以前通过script src、link href引入外部的js和css

uni-app 开发鸿蒙应用---uts实现文件下载并保存到系统文件资源管理器

weixin_67902718的博客

10-12

959

HBuilderX 4.26 Alpha版文件下载并保存到系统文件资源管理器；通过uts插件方式接入鸿蒙原生api，实现文件下载并保存到系统文件资源管理器。

uni-app笔记

m0_63007264的博客

11-28

775

uniapp笔记

uni-app 开发鸿蒙应用---uts实现防止截屏和录屏（设置窗口为隐私模式）

weixin_67902718的博客

10-12

943

HBuilderX 4.26 Alpha版鸿蒙审核需要在支付密码输入等页面，做防止截屏和录屏功能；通过uts插件方式接入鸿蒙原生api，设置窗口为隐私模式，实现防止截屏和录屏功能。

UTS iOS插件

LAOning11的博客

04-17

2599

/这样写对，必须有newValue : boolean, oldVel : boolean，只有newValue会报这个错误。首先，swift必须是public 或者open修饰，比如 public class NHT_DemoView。但是高德地图又不能用这个修饰，所以将高德地图添加到一个view上，然后将这个view添加到另一个通过。再uniapp x中使用时，必须给这个插件高度和宽度，否则出不来！public修饰的类上，通过这个类调用高德地图的api；需要直接写死frame，或者使用约束；

＜uniapp＞＜插件＞＜UTS＞在uniapp中，创建自己的插件并发布到uni插件市场

用沸腾的热血，支付我们的人生吧！

04-28

1454

本专栏是基于uniapp实现手机端各种小功能的程序，并且基于各种通讯协议如http、websocekt等，实现手机端作为客户端（或者是手持机、PDA等），与服务端进行数据通讯的实例开发。本文主要是介绍一下如何在uniapp上，创建自己的插件并发布到uniapp市场，插件可以是免费的，也能付费。本文主要介绍一下，如何创建并发布一个简单的UTS插件。

uniapp 原生uts插件

02-26

### UniApp 原生 UTS 插件使用教程 #### 1. 创建 UTS 文件 UTS (Universal Type Script) 是一种用于编写跨平台类型的 TypeScript 定义文件。为了创建一个原生插件，首先需要定义接口和方法，在 `types` 目录下新建 `.d.ts` 文件来描述插件的功能[^1]。 ```typescript declare module 'my-native-plugin' { export function doSomething(param: string): void; } ``` #### 2. 开发 Android Native 插件按照官方文档指导下载并导入 `UniPlugin-Hello-AS` 工程至 Android Studio 进行开发工作。此过程涉及配置 Gradle 构建脚本以及实现 Java 类中的具体逻辑处理函数。对于每一个希望暴露给前端调用的方法都需要通过特定的方式注册到 Uniplug 中去： ```java public class MyNativePlugin extends UniJSCallback { @Override public String exec(String action, JSONArray args, int callbackId) throws JSONException { if ("doSomething".equals(action)) { // 处理业务逻辑... return "success"; } return super.exec(action, args, callbackId); } } ``` #### 3. 配置 manifest.json 为了让 HBuilderX 能够识别新编写的插件模块，在项目的根目录下的 `manifest.json` 文件里添加相应的声明信息: ```json { ... "module": [ { "name":"MyNativePlugin", "platforms":["android"], "type":"native" } ] ... } ``` #### 4. 在 UniApp 应用中加载插件完成上述步骤之后就可以在 Vue 组件或其他 JavaScript 文件内轻松地引入并使用这个自定义的 native plugin 了[^2]: ```javascript const myPlugin = uni.requireNativePlugin('MyNativePlugin'); // 或者也可以这样写 import { requireNativePlugin } from '@dcloudio/uni-core'; const myPlugin = requireNativePlugin('MyNativePlugin'); try { await myPlugin.doSomething('test param'); } catch(e){ console.error(`Error occurred while calling native method ${e.message}`); } ``` #### 5. 测试与调试最后一步就是对整个流程进行全面测试以确保一切正常运作。可以利用真机设备或者模拟器来进行实际操作验证，并借助日志输出工具辅助排查可能出现的问题。