uni-app 输出logcat日志信息

在 uni-app 中，直接输出 Android 的 logcat 日志信息并不像在传统 Android 原生开发中那样直接，因为 uni-app 是一个使用 Vue.js 开发所有前端代码的跨平台框架。不过，你可以通过一些方法间接实现这一需求，比如使用原生插件或者 HBuilderX 自带的工具。

下面是一个通过自定义原生插件来输出 logcat 日志信息的示例。假设你已经熟悉如何创建和配置 uni-app 原生插件。

1. 创建原生插件

首先，创建一个 Android 原生插件，用于输出 logcat 日志。

Android 原生代码（MyLogPlugin.java）

package com.example.mylogplugin;

import android.util.Log;
import io.dcloud.feature.uniapp.bridge.UniJSCallback;
import io.dcloud.feature.uniapp.common.UniModule;

public class MyLogPlugin extends UniModule {
    private static final String TAG = "MyLogPlugin";

    @JSMethod(uiThread = false)
    public void log(String message, UniJSCallback callback) {
        Log.d(TAG, message);
        callback.invokeAndKeepAlive(null); // 回调表示执行成功
    }
}

2. 配置插件

在 manifest.json 中配置你的原生插件。

"nativePlugins": [
    {
        "android": {
            "package": "com.example.mylogplugin.MyLogPlugin",
            "name": "MyLogPlugin",
            "class": "com.example.mylogplugin.MyLogPlugin"
        }
    }
]

3. 在 uni-app 中使用插件

在你的 Vue 组件中，通过 uni.requireNativePlugin 方法调用原生插件。

export default {
    methods: {
        logToAndroid() {
            const myLogPlugin = uni.requireNativePlugin('MyLogPlugin');
            myLogPlugin.log('This is a log message from uni-app', (res) => {
                console.log('Log message sent successfully');
            });
        }
    },
    mounted() {
        this.logToAndroid();
    }
}

4. 查看 logcat 日志

运行你的 uni-app 项目，并使用 Android Studio 或 adb logcat 命令查看日志输出。

adb logcat | grep MyLogPlugin

这样，你就可以在 logcat 中看到从 uni-app 发出的日志信息了。注意，这种方法需要你熟悉 Android 原生开发和 uni-app 插件开发的流程。如果你不熟悉这些，可能需要一些时间来学习和配置。