前言:
看这一系列文章你需要了解:uniapp开发,android开发
或者ios开发
,之所以说或者,是因为android插件开发流程和ios开发流程大体一致,只是实现的语言不同,但是下面的实现都是android端实现
uniapp是什么?: uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
uniapp插件开发是什么?:插件开发就类似于将自己写好的依赖库提交到插件市场,供其他用户下载依赖使用,提高开发效率,避免重复造轮子
uniapp原生插件开发是什么?: 原生插件便是uniapp可以通过vue代码调用原生的android或者ios代码,你的插件便是通过原生代码写出来,按照一定的格式打包上传到插件市场供别人使用
uniapp原生插件的开发方式:
提到uniapp的原生插件开发,不得不提到现在关于uniapp的一些和原生相关的扩展
- uni小程序SDK: 如果你想让你的原生项目具有小程序的能力,或者某一个模块想使用uniapp进行开发,但是之前以后的模块不想改变,就可以使用uni小程序SDK,他可以让你的原生应用摇身一变成为一个微信,QQ等,可以通过网络获取应用扩展包加载为一个小程序,当然uniapp资源也可以直接放在原生项目中进行加载
- 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原生插件呢?
- 项目谁主谁从:如果是以原生项目为主,你最好的方式是使用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的版本号对应,否则会有弹出提示基座版本和你的版本不符合,也可能造成测试时白屏
- 目录
- uniapp原生插件开发-android端-component扩展
- uniapp原生插件开发-android端-module扩展
- uniapp原生插件开发-插件发布
网友评论