记一次uni-app中调用java代码中的方法全过程

这篇具有很好参考价值的文章主要介绍了记一次uni-app中调用java代码中的方法全过程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、 开发环境

• JAVA环境 jdk1.8

• AndroidStudio

下载地址:Android Studio官网 : https://developer.android.google.cn/studio/index.html

• App离线SDK下载

请下载2.9.8+版本的android平台SDK.

https://nativesupport.dcloud.net.cn/AppDocs/download/android.html#

• HBuilderX下载

官方下载地址: https://www.dcloud.io/hbuilderx.html

二、 java代码打包成uni-app可识别的aar文件

  1. 将下载的App离线SDK下载解压;

  1. 将sdk中的UniPlugin-Hello-AS项目导入Android Studio

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 创建插件Library 此处我们命名为mylibrary

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 将uniplugin_module 中的build.gradle内容全部复制,并覆盖mylibrary的build.gradle内容

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 修改mylibrary 文件下的\src\main\AndroidManifest.xml 如图所示 :

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 删除 mylibrary 路径src下的androidTest和test(原因是在build.gradle中没有引入相关依赖,会报错,也可自行添加上依赖)

  1. 在mylibrary路径src\main\java编写Java代码

代码注意事项:

1). 类要继承 UniModule

2). 方法上加入注解@UniJSMethod(uiThread = false)

3). 方法必须事public 方法

  1. .以JSONObject形式返回

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 对于代码中涉及到com.sun.crypto.provider.SunJCE()报错问题,可在C:\Program Files\Java\jdk1.8.0_72\jre\lib\ext拷贝sunjce_provider.jar至libs中,并通过右键-add as library 引用即可

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 打包成aar

选中mylibrary,通过build-makemodule "*.mylibrary" 打包

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 打包完成后,如下图位置即可找到打包成功的aar文件

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档

三、 uni-app调用原生插件

Hbuilder X 打开uni-app项目

官方说明:https://nativesupport.dcloud.net.cn/NativePlugin/

  1. 在nativeplugins下创建如下图结构的数据

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 按官方要求编写package.json

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. manifest.json 中添加本地插件配置

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 打包自定义基座:运行-运行到手机或模拟器-制作自定义调试基座 。

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 测试运行

运行-运行到手机或模拟器-运行到Android app基座,选择自定义基座

uniapp调用java,uni-app开发 java相关,java,node.js,vue.js,uni-app,android-studio,Powered by 金山文档
  1. 前端调用:

const MyTest=uni.requireNativePlugin('mylibrary-debug-MyTest');

MyTest.getTestData();文章来源地址https://www.toymoban.com/news/detail-517507.html

到了这里,关于记一次uni-app中调用java代码中的方法全过程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app中的uni.requireNativePlugin()

    这个方法是用来引入原生插件的方法,自 HBuilderX 1.4 版本起,uni-app 支持引入原生插件,使用方式如下: 引入插件的类型有三种: 内置原生插件:         内置原生插件,uni-app已默认集成,支持直接在内置基座运行。         仅在nvue页面,支持引入BindingX,animation,

    2024年02月16日
    浏览(42)
  • uni-app调用微信小程序流量主激励广告API

    如微信小程序要接入广告,则需要在该小程序注册的微信公众开发平台申请开通流量主广告API,否则无法接入广告API,实现页面广告展示功能。  开通条件 累计独立访客(UV)不低于 1000 存在刷粉行为或有严重违规记录的小程序不予申请 同一个收款账户最多允许关联 50 个账

    2024年01月20日
    浏览(47)
  • uni-app 调用相机或相册图片并转为base64格式上传图片

    1、调用相机或相册上传图片 2、图片文件转base64 (1)下载插件 (2)页面引入插件 3、image-tools/index.js源码

    2024年02月11日
    浏览(61)
  • uni-app---- 点击按钮拨打电话功能&&点击按钮调用高德地图进行导航的功能【安卓app端】

    先上效果图: 1. 在封装方法的文件夹下新建一个js文件,然后把这些功能进行封装 2.在需要的页面中进行调用 注意点: 1. 拨打电话需要进行app权限配置,设置完成后可以在正式版看到效果。(这几个最好都勾选上) 2. 配置高德地图的app模块设置,这里的appkey需要到高德地图

    2024年02月05日
    浏览(73)
  • uni-app商城中的搜索功能

     一、效果图 二、代码 首先由首页顶部的搜索跳转到真正的搜索页面,输入内容后回车即可完成搜索(假数据,无请求数据 )  ① 首页布局 ② 搜索页面布局 ③ 商品列表页布局  

    2024年02月12日
    浏览(59)
  • uView 在 uni-app 中的使用

    提示:正文内容: uView 官网: https://www.uviewui.com uView 是 uni-app 生态专用的 UI 框架 关于uView的取名来由,首字母u来自于uni-app首字母,uni-app是基于Vue.js,Vue和View(延伸为UI、视图之意)同音,同时view组件是uni-app中 最基础,最重要的组件,故取名uView,表达源于uni-app和Vue之意,

    2024年02月15日
    浏览(53)
  • uni-app如何区分 app、h5、小程序代码; uni-app如何判断是android、ios、小程序

    uniapp是DCloud公司于2012年开始研发的能够一次代码开发,生成H5、小程序(微信、支付宝、百度、华为等)、APP等应用的技术的统称,开发工具是HBuilderX,功能非常强大,由此引申出许多技术社区与生态环境。 使用HBuilderX开发Uniapp程序的项目,用它生成多端应用,由于兼容各种

    2024年02月11日
    浏览(75)
  • 【uni-app】通过uni-app基础组件picker实现选择日期、时间的功能示例(完整代码+图文)

    一、获取日期(基础) 二、获取日期和时间(改进)  

    2024年02月11日
    浏览(60)
  • 将小程序代码转成uni-app代码

    最近因为公司项目原因需要将小程序的项目转换成uni—app的项目,所以总结了以下几点:   首先你可以先到uni-app的官网简单看一下对它的介绍,本次文章的介绍是针对简单的微信小程序来进行的转化。 在这之前我们来看一下目录对比   下面就来介绍一下转移的步骤 1、首先

    2024年02月06日
    浏览(29)
  • uni-app详解、开发步骤、案例代码

    uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。它允许开发者使用一套代码同时构建多个平台的应用程序,包括iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、字节

    2024年02月04日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包