uni-app&H5&Android混合开发三 || uni-app调用Android原生方法的三种方式

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

<template>

    <view class="content">

        <view @click="callAndroidWay">android原生方法调用</view>

    </view>

</template>

<script>

    // 导入自己定义的插件js

    var elitetyc = require('../plugin.js');

    export default {

        data() {

            return {

                 plugins: elitetyc

            }

        },

        onLoad() {

        },

        methods: {

             callAndroidWay(){

              this.plugins.StartCallPosPayment(

                  "这段文字是uniapp传过来的",

                  function(result) {

                      uni.showToast({title:JSON.stringify(result),icon:'none',duration:5000});

                  },

                  function(result) {

                      uni.showToast({title:result,icon:"none",duration:5000});

                  }

              );

             }

        }

    }

</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

! function(root, factory) { 

if (typeof exports == 'object' && typeof module != 'undefined') { 

    module.exports = factory() 

} else if (typeof define == 'function' && define.amd) { 

    define(factory) 

} else { 

    document.addEventListener('plusready', function(){ 

    // 这里是定义插件的名称

    var moduleName = 'elitetyc';  

    root.plus[moduleName] = factory() 

    },false); 

} 

}(this, function() { 

//在此处定义自己的方法 （这里也是插件的名称，可以看到在后面的）

var _BARCODE = 'elitetyc'; 

var plugintest = { 

    // 这里定义了一个名叫StartCallPosPayment的方法，传递三个参数，后面两个是回调函数

    StartCallPosPayment: function(num, successCallback, errorCallback) {

        var success = typeof successCallback !== 'function' ? null : function(args) {

                successCallback(args);

            },

            fail = typeof errorCallback !== 'function' ? null : function(code) {

                errorCallback(code);

            };

      // 回调ID，后面原生代码中会用到，就好像你调用我，我有结果了，我该知道我把数据返回给谁把？这个id就是这个作用

        var callbackID = plus.bridge.callbackId(success, fail);

      // 在上面有讲到过，这里需要注意的是前两个参数，第一个参数是插件类别名，后面再原生代码中的dcloud_properties.xml文件中会用到第二个参数（HelloAndroidWay），是android原生代码中的方法名要一致

        return plus.bridge.exec(_BARCODE, "HelloAndroidWay", [callbackID, num]);

    }

}; 

return plugintest; 

}); 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

/**

   * 定义一个名为HelloAndroidWay的方法

   * @param pWebview

   * @param array

   */

  public void HelloAndroidWay(IWebview pWebview, JSONArray array) {

    //获取回调ID

    String CallBackID = array.optString(0);

    //        获取参数并计算（这里模拟原生处理）

    String newstring = "你好，这个字符串来自android原生代码，您传过来的参数是:" + array.optString(1);

    //        构建回传参数

    JSONArray newArray = new JSONArray();

    newArray.put(newstring);

    //        JSUtil.execCallback(IWebview pWebViewImpl,String pCallbackId,String pMessage,int pStatus,boolean pKeepCallback)

    //        参数:

    //        pWebViewImpl - webview对象

    //        pCallbackId - 回调方法ID

    //        pMessage - 回调信息

    //        pStatus - 回调code值 如：OK、ERROR

    //        pKeepCallback - js层回调function是否要保存

    // 第一个参数是当前函数的入参，直接传入， 第二个是根据入参获取的回调id，第三个是回调的数据，是一个json数组

    JSUtil.execCallback(pWebview, CallBackID, newstring, JSUtil.OK, false);

  }