提交 db5c2ca1 编写于 作者: 杜庆泉's avatar 杜庆泉

doc modify

上级 1e56bce7
......@@ -6,7 +6,7 @@
UTS原生插件 是用UTS作为插件开发语言的一种新型插件形式。
![uts插件结构](./doc/UTS结构示意图1.png)
![uts插件结构](https://native-res.dcloud.net.cn/images/uts/UTS%E7%BB%93%E6%9E%84%E7%A4%BA%E6%84%8F%E5%9B%BE1.png)
### 1.2 uts原生插件与uni原生插件的区别
......@@ -22,7 +22,7 @@ UTS原生插件 是用UTS作为插件开发语言的一种新型插件形式。
2 进一步降低平台差异,一种语言开发两个平台插件
2 编译时生成原生代码,提高代码执行效率
3 编译时生成原生代码,提高代码执行效率
......@@ -30,29 +30,29 @@ UTS原生插件 是用UTS作为插件开发语言的一种新型插件形式。
### 2.1 UTS插件目录结构
首先确保项目根目录存在uni_modules文件夹
![插件目录](./doc/uni_modules.jpg)
首先确保项目根目录存在uni_modules文件夹 [关于uni_modules的详细说明](https://uniapp.dcloud.net.cn/plugin/uni_modules.html#%E4%BB%80%E4%B9%88%E6%98%AF-uni-modules)
如果不存在,需要手动创建一个。
[关于uni_modules的详细说明](https://uniapp.dcloud.net.cn/plugin/uni_modules.html#%E4%BB%80%E4%B9%88%E6%98%AF-uni-modules)
![插件目录](https://native-res.dcloud.net.cn/images/uts/uni_modules.jpg)
### 2.2 新建步骤拆解
选中**uni_modules**目录 -- 右键 -- 新建插件
选中`uni_modules`目录 -- 右键 -- 新建插件
![新建插件1](./doc/new_uts_plugin.jpg)
![新建插件1](https://native-res.dcloud.net.cn/images/uts/new_uts_plugin.jpg)
选择 **UTS原生插件**
![新建插件2](./doc/new_uts_plugin2.jpg)
![新建插件2](https://native-res.dcloud.net.cn/images/uts/new_uts_plugin2.jpg)
UTS插件目录结构
![新建插件3](./doc/new_uts_plugin3.jpg)
![新建插件3](https://native-res.dcloud.net.cn/images/uts/new_uts_plugin3.jpg)
### 2.3 清单文件package.json
......@@ -96,13 +96,16 @@ package.json为插件的清单文件,这里集成了整个UTS插件的配置
以android平台获取电量为例,介绍UTS原生插件开发步骤
第一步 在android平台目录下,编辑index.uts,键入以下内容
![OSAPI示例](./doc/uts_osapi_demo.jpg)
![OSAPI示例](https://native-res.dcloud.net.cn/images/uts/uts_osapi_demo.jpg)
在android平台目录下,编辑index.uts,键入以下内容
index.uts
```
// index.uts
// 引用android api
import Context from "android.content.Context";
import BatteryManager from "android.os.BatteryManager";
......@@ -126,26 +129,24 @@ export function getBatteryCapacity(): string {
```
保存时,触发自动编译。
关于android开发UTS插件的更多细节说明,参考文档[todo]
至此,我们已经完成一个android平台上获取电量的原生能力封装。
至此,我们已经完成一个android平台上获取电量的原生能力封装。
在引用了此插件的项目中,我们可以像使用普通js函数一样,使用getBatteryCapacity函数来获取设备电量
我们可以像使用普通js函数一样,使用getBatteryCapacity函数来获取设备电量
## 4 使用插件
### 4.1 引用UTS插件
uts插件的引入 遵循ES6的import语法
下面介绍两种常见的引入方式
1 显性引用
1 显性引用
```
//引用
......@@ -166,12 +167,25 @@ UTSHello.getBatteryCapacity()
```
### 4.2 使用UTS插件
与普通的js函数无使用差异.
更多的使用示例,可以参考HelloUTS中入门章节
```
var capacity = getBatteryCapacity()
uni.showToast({
title:"当前电量:"+capacity,
icon:'none'
});
```
## 5 测试
### 5.1 真机运行
UTS原生插件与运行调试没有差异,可以直接运行测试。
UTS原生插件与原来的插件调试没有差异,可以直接运行测试。
需要注意的是,如果是涉及自定义信息,需要选择自定义基座运行
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册