Vant3+ts H5 pages are nested into apps to communicate with native apps

The most recent project is vant3+ts It's done h5 Nested in app Inside , It has the function of scanning code and taking photos, and needs to be compatible with native app Interaction

The plug-ins used are dsBridge

stay

/**
 * @Description  Call camera scanning , Asynchronous call 
 *  Returns the parameter ： Is the value returned by scanning the code 
scanCode  yes APP Then change the method name of the definition ,str  Is the returned parameter 
 */
function getScanCode(callback: any) {
  let res = ''
  dsBridge.call('scanCode', function (str: any) {
    res = str
    callback(res)
  })
  return res
}

/**
 * @Description  Call the camera to take pictures and select pictures 
 *  Returns the parameter ： Is the value returned by scanning the code 
takePhoto  yes APP Then change the method name of the definition  ,size Is to limit the number of sheets selected , Returns the project name and base64 character string 
 */
function getPhoto(callback: any) {
  let res = ''
  dsBridge.call('takePhoto', {size:4}, function (_res) {
    res = _res
    callback(res)
  })
    return res
}

Where the page needs to be called Write it like this , Handle the logic you want