1. h5開發(fā)工具選擇HBuilder X

官方下載地址 ：HBuilderX-高效極客技巧

選擇App開發(fā)版

?下載完成后是壓縮包，直接解壓然后打開HBuilderX.exe可直接使用

2.使用HBuilderX新建項(xiàng)目

2.1 注冊(cè)帳號(hào)并使用該帳號(hào)登錄HBuilder

?2.2 新建項(xiàng)目，選擇 默認(rèn)模版

?2.3 在index.vue中編寫調(diào)用代碼

?

2.4然后生成本地打包app資源備用

?

?

2.5 登錄：DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流應(yīng)用、HTML5、小程序開發(fā)、跨平臺(tái)App、多端框架

?會(huì)發(fā)現(xiàn)剛才HBuilder生成的項(xiàng)目也在開發(fā)者后臺(tái)自動(dòng)生成了

?3. android開發(fā)工具選擇Android Studio

官方下載地址：Download Android Studio and SDK tools ?|? Android Developers

3.1 下載uniapp項(xiàng)目官網(wǎng)demo

下載地址：原生開發(fā)者支持

?3.2.uniapp官方demo下載之后解壓

有三個(gè)demo，大致類似，選擇UniPlugin-Hello-AS為例，用Android Studio打開UniPlugin-Hello-AS項(xiàng)目。

?3.3 創(chuàng)建自己的module

目錄層級(jí)與uniplugin_module等三個(gè)插件同級(jí)

?3.4在build中加上自己創(chuàng)建的uni-app插件

?3.5 在自己建造的module的build文件中添加如下代碼

compileOnly fileTree(dir: '../app/libs', include: ['uniapp-v8-release.aar'])

compileOnly 'androidx.recyclerview:recyclerview:1.0.0'
compileOnly 'androidx.legacy:legacy-support-v4:1.0.0'
compileOnly 'androidx.appcompat:appcompat:1.0.0'
implementation 'com.alibaba:fastjson:1.1.46.android'
implementation 'com.facebook.fresco:fresco:1.13.0'

?

?3.6 找到下圖中存放資源文件的目錄，并將HBuilder中發(fā)行的資源文件復(fù)制并替換

?3.7 把下圖中的名字替換為新的名字

__UNI__E 更換為 __UNI__1524E40（你自己生成的是啥就寫啥）

?

?3.8 在自己的module下新建MyModule類，并添加如下代碼

package com.example.mylibrary;

import android.util.Log;
import android.widget.Toast;

import com.alibaba.fastjson.JSONObject;

import io.dcloud.feature.uniapp.annotation.UniJSMethod;
import io.dcloud.feature.uniapp.bridge.UniJSCallback;
import io.dcloud.feature.uniapp.common.UniModule;

/**
 * @author han
 * @date 2022/2/26 17:57
 * @desc
 */
public class MyModule extends UniModule {
    private static final String TAG = "MyModule";

    @UniJSMethod(uiThread = true)
    public void sayhello(JSONObject options, UniJSCallback callback) {
        Log.e(TAG, "testAsyncFunc--"+options);
        if(callback != null) {
            String name = options.getString("name");
            Toast.makeText(mUniSDKInstance.getContext(), name, Toast.LENGTH_SHORT).show();
            JSONObject data = new JSONObject();
            data.put("code", "success");
            data.put("message", "我是李四");
            callback.invoke(data);
            //callback.invokeAndKeepAlive(data);
        }
    }
}

?

?3.9 在下圖位置添加插件配置

{
  "plugins": [
    {
      "type": "module",
      "name": "MyModule",
      "class": "com.example.mylibrary.MyModule"
    }
  ]
},

?

?3.10 配置appkey和證書

登錄：DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流應(yīng)用、HTML5、小程序開發(fā)、跨平臺(tái)App、多端框架

然后進(jìn)入該項(xiàng)目生成appkey以及證書配置到Android項(xiàng)目中，不知道的可以參考上篇文章

uni-app官方demo（Android sdk）：未配置appkey或配置錯(cuò)誤。（uni原生插件開發(fā)，Android插件開發(fā)）_break妖的博客-CSDN博客_未配置appkey或配置錯(cuò)誤

?

?

?

?3.11 最后運(yùn)行

可以看到已經(jīng)成功調(diào)用到了網(wǎng)頁已經(jīng)安卓方法

?

?