uniapp原生插件开发

客官°小女子只卖身不卖艺 2021-10-01 12:20 608阅读 0赞

#### 前言： ####

**看这一系列文章你需要了解**：uniapp开发，`android开发`或者`ios开发`，之所以说或者，是因为android插件开发流程和ios开发流程大体一致，只是实现的语言不同，但是下面的实现都是android端实现

**uniapp是什么？：** `uni-app` 是一个使用 [Vue.js][] 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

**uniapp插件开发是什么?**：插件开发就类似于将自己写好的依赖库提交到插件市场，供其他用户下载依赖使用，提高开发效率，避免重复造轮子

**uniapp原生插件开发是什么?**: 原生插件便是uniapp可以通过vue代码调用原生的android或者ios代码，你的插件便是通过原生代码写出来，按照一定的格式打包上传到插件市场供别人使用

**uniapp原生插件的开发方式**：  
提到uniapp的原生插件开发，不得不提到现在关于uniapp的一些和原生相关的扩展

1.  uni小程序SDK: 如果你想让你的原生项目具有小程序的能力，或者某一个模块想使用uniapp进行开发，但是之前以后的模块不想改变，就可以使用uni小程序SDK，他可以让你的原生应用摇身一变成为一个微信，QQ等，可以通过网络获取应用扩展包加载为一个小程序，当然uniapp资源也可以直接放在原生项目中进行加载
2.  uni原生插件：uni原生插件： `uni-app`项目中使用，uni-app的js运行在独立的jscore里，而不是webview里，它的原生扩展是基于开源项目[weex][]架构的扩展机制。他包含两种扩展方式：

*  module扩展：能力扩展，无嵌入窗体的UI控件。（但是可以通过能力打开一个原生的acitvity或者弹窗）`支持的uniapp页面：vue，nvue`
 *  component扩展：原生UI控件扩展，可以在nvue页面通过标签的方式进行使用，达到在uniapp页面中展示某个原生控件，就可以达到原生控件和webui控件混搭`支持的uniapp页面：nvue`

##### 如何取舍?: #####

那么到底选择uni小程序sdk还是uni原生插件呢？

1.  项目谁主谁从：如果是以原生项目为主，你最好的方式是使用uni小程序sdk，如果以uniapp为主，只是想扩展一些只有原生才有的功能，那么你最好使用uni原生插件开发

#### 开始 ####

以下的文章主要以 `android端`和`uni插件开发`来进行实现，需要的准备工作如下：

*  JAVA环境 jdk1.8
 *  Android Studio 下载地址：[Android Studio官网][Android Studio] OR [Android Studio中文社区][Android Studio 1]
 *  App离线SDK下载：请下载2.9.8+版本的[android平台SDK][android_SDK]  
    **注意**：这里的sdk版本最好与自己的HbuilderX的版本号对应，否则会有弹出提示基座版本和你的版本不符合，也可能造成测试时白屏

*  目录

1.  [uniapp原生插件开发-android端-component扩展][uniapp_-android_-component]
2.  uniapp原生插件开发-android端-module扩展
3.  uniapp原生插件开发-插件发布

[Vue.js]: https://links.jianshu.com/go?to=https%3A%2F%2Fvuejs.org%2F
[weex]: https://links.jianshu.com/go?to=https%3A%2F%2Fweex.apache.org%2Fcn%2Fguide%2Findex.html
[Android Studio]: https://links.jianshu.com/go?to=https%3A%2F%2Fdeveloper.android.google.cn%2Fstudio%2Findex.html
[Android Studio 1]: https://links.jianshu.com/go?to=http%3A%2F%2Fwww.android-studio.org%2F
[android_SDK]: https://links.jianshu.com/go?to=https%3A%2F%2Fnativesupport.dcloud.net.cn%2FAppDocs%2Fdownload%2Fandroid
[uniapp_-android_-component]: https://www.jianshu.com/p/8cfbd24ae8d7