Fetch api only work on simulator

[Rafucho25]

Hi, my problem is when i call an api in the simulator it works great but in the device always return undefined. Here are some pictures:

Band 7 in simulator

Log in simulator

My band 7

Log in my smartphone

This is the code:

index.js in app-side:

const fetchData = async (ctx, _url, _header) => {
  try {
    // Requesting network data using the fetch API
    const res = await fetch({
      url: _url,
      method: 'GET',
      headers: _header
    })
    
    ctx.response({
      data: { result: JSON.parse(res.body)  },
    })
    console.log(data)

  } catch (error) {
    ctx.response({
      data: { result: 'ERROR' },
    })
  }
}

index.js in page:

  build() {
    messageBuilder.request({
      method: "GET_DATA",
      url: `https://api.exchangerate.host/convert?from=USD&to=DOP&amount=100`,
      header: {
        "Accept": "*/*"
      }
    })
    .then(data => {
      const { result = {} } = data
      
      console.log(result.result);
      hmUI.createWidget(hmUI.widget.TEXT, {
        y: 93,
        w: 184,
        color: 0xffffff,
        text_size: 24,
        align_h: hmUI.align.CENTER_H,
        text_style: hmUI.text_style.NONE,
        text: result.result
      })
      
    })
  }

Result of the api:

{
  "motd": {
    "msg": "If you or your company use this project or like what we doing, please consider backing us so we can continue maintaining and evolving this project.",
    "url": "https://exchangerate.host/#/donate"
  },
  "success": true,
  "query": {
    "from": "USD",
    "to": "DOP",
    "amount": 100
  },
  "info": {
    "rate": 55.082327
  },
  "historical": false,
  "date": "2023-03-10",
  "result": 5508.2327
}

My smartphone run android 10 and device is band 7 system version: 1.10.58.1

[alexmathew11]

I think official zepp developers won't gonna answer this because mi band 7 is not an official zepp os device.

[Rafucho25]

The device is amazfit band 7, sorry if i wasnt clear.

[alexmathew11]

I can't understand the problem but if official developers helped you so and if it would work flawlessly so give me the correct code of I also wanted to try

[MyoungXUE]

Hi, sorry for the long wait, this may be a bug in the fetch API.

res.body may be a JS Object instead of a string in some devices, in which case JSON.stringify is not needed, so it is recommended to add a type determination.

For example:

ctx.response({
  data: { result:  typeof res.body === 'string' ?  JSON.parse(res.body) : res.body  },
})

[Rafucho25]

Hi, this works perfect. Thanks for the help to all of you.

[bsavarin]

@MyoungXUE Thanks for this - I was also asking and this solution has been most helpful. Can the code be corrected in the sample to help others please?

[MyoungXUE]

@MyoungXUE Thanks for this - I was also asking and this solution has been most helpful. Can the code be corrected in the sample to help others please?

Hi, this is a very good suggestion, we will update the sample code and update the documentation this week.