c语言编程笔录

首页 >   > 笔记大全

笔记大全

UniApp中有哪些插件库

更新时间:2023-07-16

UniApp中的插件库介绍

UniApp发布的使命是“开发一次,到处运行”,鼓励同一份代码可以在多端(包括iOS、Android、H5、小程序等)上运行,因此UniApp需要提供适用于多个平台的插件库,同时也需要整合各个平台的原生能力。

UniApp内置API

UniApp提供了一系列通用API,如路由跳转、数据存储等,它们可以在多个平台上运行。

	//路由跳转
	uni.navigateTo({
		url: '/pages/detail/detail?id=123'
	})
	
	//本地数据存储
	uni.setStorage({
		key: 'userInfo',
		data: {
			name: '张三',
			age: 18
		}
	})
	

UniApp插件市场

UniApp官方提供了插件市场,在市场上可以搜索并下载第三方的插件库,涵盖了很多实用的插件,如支付、地图、语音识别等。

	//支付插件
	import { wechatPay } from '@uni/apis'
	wechatPay({
		body: '购买商品',
		total_fee: 1
	})
	
	//地图插件
	import { getLocation } from '@uni/apis'
	getLocation({
		type: 'gcj02'
	}).then(res=> {
		console.log(res.latitude, res.longitude)
	})
	

UniApp原生插件

UniApp支持在特定平台中使用原生插件,这些插件是由原生开发人员编写的,通过JSBridge与JS进行通信。例如,在Android平台中,我们可以使用java代码编写插件,在iOS中,我们可以使用Obj-C/Swift编写插件。

	//调用Android原生插件
	let helloWorld=uni.requireNativePlugin('hello-world')
	helloWorld.sayHello()
	
	//调用iOS原生插件
	import { uexApplePay } from '../libs/uexApplePay.js'
	uexApplePay.pay({
		body: '购买商品',
		totalFee: 1.0
	})
	

总结

UniApp作为一款开发一次到处运行的框架,需要提供各种平台的插件库,同时也支持原生插件的使用,满足不同场景下的需求。开发者可以根据自己的需求,选择合适的插件库和原生插件。