# AddOn网页与APP交互

当AddOn的自定义网页在JAKA App中打开时，JAKA App会提供JAKAController.jakaCall(result)方法给web页面调用，同时开发者可以自行在web页面上实现一些指定的方法，供App回调。

# JAKAController.jakaCall()

jakaCall()由App实现，当在App中打开浏览器时进行注册。当AddOn网页调用jakaCall()时，传入不同的对象，可以实现不同的功能。

该对象中一定会包含属性type,可能包含data。

{
    "type":"",
    "data":"{\"参数名\":\"参数值\"}",
}

注意！

data的值必须是经过序列化后的对象。

关闭浏览器窗口

{
    "type":"close",
}

打开浏览器开发者工具窗口

{
    "type":"showDevTools",
}

打开机器人示教页面

    {
        "type":"jakaMoveRobot",
        "data":"{
                    \"pose\":\"笛卡尔坐标\",
                    \"jointpose\":\"关节角\",
                }",
    }

点击示教页面保存时，App会调用window.jakaCallBack(data)👈，将当前的位置信息传入。

获取App当前语言

{
    "type":"getLanguage",
}

调用后App立即回调window.changeLanuageHandler(language)👈传入当前语言。

# window.jakaCallBack()

示教页面点击保存时的，App回调该函数并将当前的位置信息传入。

/**
 * 示教页面关闭时app的回调函数
 * @param {*} data 包含了当前示教的信息
 */
window.jakaCallBack = function(data){
    console.log("jakaCallBack Info",data)

    if(data){
      console.log("jointPose",data.data.jointPose)
    }
  }

# window.changeLanuageHandler()

调用获取当前语言方法后，App立即回调该函数，并传入当前App使用的语言。

/**
 * 触发getAppLanguage app的回调函数。
 * @param {*} language app传入当前语言
 */
window.changeLanuageHandler = (language)=>{
    console.log("changeLanuageHandler",language)
}

JAKAController.jakaCall()

window.jakaCallBack()

window.changeLanuageHandler()