搜尋
首頁web前端uni-app淺談Uniapp中怎麼開發安卓原生插件

Uniapp中怎麼開發安卓原生外掛?以下uniapp教學專欄為大家介紹Uniapp安卓原生外掛程式開發的方法,希望對大家有幫助!

淺談Uniapp中怎麼開發安卓原生插件

Android

#f檔

l JAVA環境jdk1.8

l Android Studio 下載網址:Android Studio官網 OR Android Studio中文社群

l App離線SDK下載:請下載2.9.8 版本的android平台SDK

淺談Uniapp中怎麼開發安卓原生插件#導入uni外掛原生項目

淺談Uniapp中怎麼開發安卓原生插件##l UniPlugin-Hello -AS工程請在

App離線SDK

中尋找l 點選Android Studio選單選項File--->New--->Import ProjectApp離線SDK下方

淺談Uniapp中怎麼開發安卓原生插件

#外掛程式開發

淺談Uniapp中怎麼開發安卓原生插件uni-app外掛程式目前僅支援Module擴充功能和Component擴展,暫時不支援Adapter擴展,下面介紹的是Module擴展(非UI的功能擴展)

#1、新建Module,File->New->New Module,選擇Android Library,填寫信息,點選Finish

淺談Uniapp中怎麼開發安卓原生插件

2、編輯新建Module的build.gradle文件,新增依賴,使Module具有開發uniapp插件能力

    移除默认依赖,修改为

    compileOnly fileTree(dir: 'libs', include: ['*.jar'])\
    compileOnly fileTree(dir: '../app/libs', include: ['uniapp-v8-release.aar'])\
    compileOnly "com.android.support:recyclerview-v7:28.0.0"\
    compileOnly "com.android.support:support-v4:28.0.0"\
    compileOnly "com.android.support:appcompat-v7:28.0.0"\
    compileOnly 'com.alibaba:fastjson:1.1.46.android'\
    implementation 'com.facebook.fresco:fresco:1.13.0'
    • 3、寫邏輯,在自己的module中新建一個java類,用來寫自己的程式碼邏輯

    • 4、程式碼實作

  1. #我們實作的是一個Module,需要繼承uni的UniModule

淺談Uniapp中怎麼開發安卓原生插件

擴充方法必須加上
    @UniJSMethod
  1. (uiThread = false or true) 註解,判斷是否需要運行在UI線程,預設true,擴充方法必須public,便於透過uni內部呼叫

淺談Uniapp中怎麼開發安卓原生插件

淺談Uniapp中怎麼開發安卓原生插件

淺談Uniapp中怎麼開發安卓原生插件

  1. ##第一個參數為傳入的參數,結構為json,透過key取得所需的參數,第二個是回呼函數,用於傳回給前台頁面所需的結果

淺談Uniapp中怎麼開發安卓原生插件如果需要用到其他權限,則需要進行在AndroidManifest.xml檔案進行申請,例如行事曆的讀取和寫入

#### ##########################編輯UniPlugin-Hello-AS工程下「app」 Module根目錄assets/dcloud_uniplugins.json文件,在nativePlugins節點下進行註冊,type:module,name填入自己需要暴露的元件名稱,class填入方法的具體路徑,包名+類名#################### dcloud_uniplugins.json說明:###
nativePlugins: 插件根节点,可存放多个插件
hooksClass: 生命周期代理(实现AppHookProxy接口类)格式(完整包名加类名)
type : module 或 component类型
name : 注册名称
class : module 或 component 实体类完整名称
######在app的build.gradle註冊自己的元件,名字就是新建的module的名稱,註冊時候,就可以在android studio中使用了###### #############到此為止程式碼開發就結束了,接下來就是用android studio進行打離線包的驗證,傳送門###nativesupport.dcloud.net.cn/AppDocs/ use…#########打包驗證#########Hbuildx新建一個項目,透過uni.requireNativePlugin進行外掛程式呼叫###############
  1. 當前uniapp的相關打包資料需要準備好,這邊就不在贅述,AppKey,APPID和安卓包名都需要在android studio中進行對應的配置,還有安卓證書別名以及秘鑰等

1淺談Uniapp中怎麼開發安卓原生插件

  1. 點選發行->本地打包->產生本地打包的App資源

1淺談Uniapp中怎麼開發安卓原生插件

    ##將產生的檔案複製貼上到UniPlugin-Hello-AS\app\src\main\assets\apps下,並且修改dcloud_control.xml檔案的appid

1淺談Uniapp中怎麼開發安卓原生插件

    #安卓打包參數配置,包名,憑證別名等(圖1),憑證檔案需要放在app下(圖2)AndroidManifest.xml設定包名和AppKey,就是上面第二步的AppKey

1淺談Uniapp中怎麼開發安卓原生插件

1淺談Uniapp中怎麼開發安卓原生插件

1淺談Uniapp中怎麼開發安卓原生插件

1淺談Uniapp中怎麼開發安卓原生插件

    連接手機,開啟USB調試,點選執行

1淺談Uniapp中怎麼開發安卓原生插件

1淺談Uniapp中怎麼開發安卓原生插件

#Uniapp 打包

外掛程式產生

編譯產生module的aar檔:選擇Gradle--->外掛程式module--->Tasks--->other--->assembleRelease(執行產生module的aar檔)

淺談Uniapp中怎麼開發安卓原生插件

2淺談Uniapp中怎麼開發安卓原生插件

HBuildX引入該外掛

    專案根目錄新建nativeplugins-->外掛名稱->android->插件aar文件,android下面同步存放
  1. package.json(詳細介紹)
Tips:插件id必須和資料夾的名稱一致

2淺談Uniapp中怎麼開發安卓原生插件

    開啟manifest.json,設定原生外掛程式

2淺談Uniapp中怎麼開發安卓原生插件

    #雲端打包進行外掛功能驗證

2淺談Uniapp中怎麼開發安卓原生插件

IOS

第一步先買個Mac##更多程式設計相關知識,請造訪:

程式設計入門

! !

以上是淺談Uniapp中怎麼開發安卓原生插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:掘金社区。如有侵權,請聯絡admin@php.cn刪除
如何在uniapp中实现图片预览功能如何在uniapp中实现图片预览功能Jul 04, 2023 am 10:36 AM

如何在uni-app中实现图片预览功能引言:在移动应用开发中,图片预览是一项常用的功能。在uni-app中,我们可以通过使用uni-ui插件或自定义组件来实现图片预览功能。本文将介绍如何在uni-app中实现图片预览功能,并附带代码示例。一、使用uni-ui插件实现图片预览功能uni-ui是由DCloud开发的一套基于Vue.js的组件库,提供了丰富的UI组

如何在uniapp中实现相机拍照功能如何在uniapp中实现相机拍照功能Jul 04, 2023 am 09:40 AM

如何在uniapp中实现相机拍照功能现在的手机功能越来越强大,几乎每个手机都配备了高像素的相机。在UniApp中实现相机拍照功能,可以为你的应用程序增添更多的交互性和丰富性。本文将针对UniApp,介绍如何使用uni-app插件来实现相机拍照功能,并提供代码示例供参考。一、安装uni-app插件首先,我们需要安装一个uni-app的插件,该插件可以方便地在u

手把手教你uniapp和小程序分包(图文)手把手教你uniapp和小程序分包(图文)Jul 22, 2022 pm 04:55 PM

本篇文章给大家带来了关于uniapp跨域的相关知识,其中介绍了uniapp和小程序分包的相关问题,每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分,希望对大家有帮助。

uniapp中如何使用地理位置获取功能uniapp中如何使用地理位置获取功能Jul 04, 2023 am 08:58 AM

uniapp是一种基于Vue.js的跨平台开发框架,它可以同时开发微信小程序、App和H5页面。在uniapp中,我们可以通过使用uni-api来访问设备的各种功能,包括地理位置获取功能。本文将介绍在uniapp中如何使用地理位置获取功能,并附上代码示例。首先,在uniapp中使用地理位置获取功能,我们需要在manifest.json文件中申请权限。在man

如何在uniapp中实现图片滤镜效果如何在uniapp中实现图片滤镜效果Jul 04, 2023 am 11:05 AM

如何在uniapp中实现图片滤镜效果在移动应用开发中,图片滤镜效果是一种常见且受用户喜爱的功能之一。而在uniapp中,实现图片滤镜效果也并不复杂。本文将为大家介绍如何通过uniapp实现图片滤镜效果,并附上相关代码示例。导入图片首先,我们需要在uniapp项目中导入一张图片,以供后续滤镜效果的处理。可以在项目的资源文件夹中放置一张命名为“filter.jp

uniapp中如何使用视频播放器组件uniapp中如何使用视频播放器组件Jul 04, 2023 am 10:13 AM

uniapp中如何使用视频播放器组件随着移动互联网的发展,视频已成为人们日常生活中不可或缺的娱乐方式之一。在uniapp中,我们可以通过使用视频播放器组件来实现视频的播放和控制。本文将介绍如何在uniapp中使用视频播放器组件,并提供相应的代码示例。一、引入视频播放器组件在uniapp中,我们需要先引入视频播放器组件才能使用它的功能。可以通过在页面的json

UniApp实现性能监控与瓶颈分析的最佳实践UniApp实现性能监控与瓶颈分析的最佳实践Jul 04, 2023 am 08:46 AM

UniApp实现性能监控与瓶颈分析的最佳实践随着移动应用的快速发展,开发人员对应用性能的需求也日益增加。对于UniApp开发者来说,实现性能监控和瓶颈分析是非常重要的一项工作。本文将介绍UniApp中实现性能监控和瓶颈分析的最佳实践,并提供一些代码示例供参考。一、性能监控的重要性在现代移动应用中,用户体验是非常重要的。性能问题会导致应用加载速度慢、卡顿等问题

UniApp实现扫码与二维码生成的实现指南UniApp实现扫码与二维码生成的实现指南Jul 04, 2023 am 10:17 AM

UniApp实现扫码与二维码生成的实现指南在移动应用开发中,二维码的应用越来越广泛,它可以实现快速识别和传输数据。UniApp作为一款跨平台开发框架,不仅提供了强大的功能和灵活的开发方式,还为我们提供了丰富的插件来实现扫码和二维码生成的功能。本文将介绍如何在UniApp中实现扫码和二维码生成的功能,并给出相关的代码示例。一、引入插件在UniApp中实现扫码和

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版