本文档介绍了uni-app原生插件的开发和使用，包括Module和Component两种模式，强调了uni-app原生插件相较于传统webview扩展的简便性和灵活性。开发者可以在Android Studio或XCode环境下开发原生插件，打包成库文件，然后上传到插件市场供其他开发者使用。同时，文中提醒开发者注意插件的更新和兼容性问题，以确保已使用插件的app能正常运行。
此文档将不再更新维护
概述
传统webview的原生扩展是通过webview桥方式，比如5+app。
uni-app的js运行在独立的jscore里，而不是webview里，它的原生扩展是另一套模式，是基于开源项目weex的0.26.0版本架构的扩展机制。
weex的插件也可以拿到uni-app生态中使用。
从开发方式相比，uni-app的原生插件开发模式更简单。webview桥方式需要在原生层和js层分别做很多工作。而uni-app的原生插件开发主要在原生层做封装即可。
从使用方式相比，5+的原生扩展需要离线打包，而uni-app的插件可以在线打包，插件市场还有很多优秀原生插件可拿来即用。
uni-app的原生插件分两种类型：
Module模式：能力扩展，无嵌入窗体的UI控件。大部分插件都是属于此类，比如调用计步器API。代码写法为通过js进行require，然后调用该插件对象的方法。如涉及一些弹出框、全屏ui，也仍然属于Module模式。类似于前端里的js sdk。
Component模式：在窗体中内嵌显示某个原生ui组件。比如窗体局部内嵌某个地图厂商的map组件，上下混排其他前端内容，就需要把这个原生地图sdk封装为Componet模式。代码写法与vue组件相同，在template里写组件标签。类似于前端里的vue组件。
在uni-app中支持vue和nvue两种页面，vue页面基于webview排版引擎渲染，nvue页面基于原生排版引擎渲染。
vue页面中仅支持使用Module类型的原生插件，不支持调用同步方法返回数据
nvue页面中支持使用Module和Component
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
