原生Android调用uniapp项目中的方法

最近遇到了这样一个需求,和安卓对接,暴露一个方法给安卓调用,我这边是使用的uniapp+vue3开发的项目,可以打包成小程序、app,运行在浏览器,H5页面等。大概的思路是:在main.js中封装一个全局的方法。下面是在uniapp中实现的代码:

javascript 复制代码
// utils.js
export const test = (str) => {
	uni.showToast({
		title: str,
		icon: 'none'
	})
}
// main.js
// 全局注册
import App from './App.vue'
import {createSSRApp} from 'vue'
import * as util from 'utils.js'
export function createApp() {
	const app = createSSRApp(App)
	app.config.globalProperties.$util = util
	return {
		app
	}
}

// 暴露方法供调用
// index.vue
import {onMounted,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
onMounted(() => {
	window.test = proxy.$util.test;
})

这样的话test方法就可以暴露给安卓调用了,欢迎有更好想法的评论区留言交流哦

相关推荐
hawk2014bj2 小时前
Ubuntu 安装 MySQL
android·mysql·ubuntu
_小马快跑_4 小时前
Android 图像合成:玩转 PorterDuff.Mode 的 18 种混合模式
android
_小马快跑_4 小时前
Android | 多种方式实现图片圆角矩形和圆形效果(续)
android
_小马快跑_4 小时前
MaterialShapeDrawable vs CardView:两种方式实现阴影效果对比
android
_小马快跑_4 小时前
玩转ShapeableImageView:实现灵活的自定义形状与边框效果
android
前端(从入门到入土)5 小时前
uniapp加载json动画
uni-app·json
菜鸟xiaowang5 小时前
Android 使用ninja加速编译的方法
android
William Dawson6 小时前
【Vue 3 + Element Plus 实现产品标签的动态添加、删除与回显】
前端·javascript·vue.js
蕉君桑6 小时前
vue2使用vue-echarts
前端·vue.js·echarts
_一条咸鱼_7 小时前
Android大厂面试秘籍: View 相关面试题深入分析
android·面试·android jetpack