美文网首页
uniapp原生插件开发

uniapp原生插件开发

作者: eliteTyc | 来源:发表于2020-12-20 12:54 被阅读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官网 OR Android Studio中文社区
    • App离线SDK下载:请下载2.9.8+版本的android平台SDK
      注意:这里的sdk版本最好与自己的HbuilderX的版本号对应,否则会有弹出提示基座版本和你的版本不符合,也可能造成测试时白屏
    • 目录
    1. uniapp原生插件开发-android端-component扩展
    2. uniapp原生插件开发-android端-module扩展
    3. uniapp原生插件开发-插件发布

    相关文章

      网友评论

          本文标题:uniapp原生插件开发

          本文链接:https://www.haomeiwen.com/subject/iaahnktx.html