企业内部前端WeAccess

举报
云会议运营喵大人 发表于 2020/02/14 17:06:04 2020/02/14
【摘要】 HWH5.fetchVPNHWH5.uploadFileVPNHWH5.uploadImageVPNHWH5.downloadFileVPNHWH5.fetchVPN支持版本>=10.1.2发起网络请求请求参数参数类型必填说明urlString是接口url,传入相对路径即可,系统会自动补全域名methodString是服务请求类型,仅支持 get / post / put / delete。...


HWH5.fetchVPN
HWH5.uploadFileVPN
HWH5.uploadImageVPN
HWH5.downloadFileVPN


HWH5.fetchVPN

支持版本>=10.1.2

发起网络请求

请求参数

参数类型必填说明
urlString接口url,传入相对路径即可,系统会自动补全域名
methodString服务请求类型,仅支持 get / post / put / delete。注:请求类型必须是小写
bodyString请求参数
headersObject请求头
timeoutNumber超时时间

返回说明

服务端自定义

请求示例

get请求

  • ES6版本

    const _url = '/mcloud/mag/ProxyForText/xxx/xxx';const _headers = {  'Content-Type': 'application/json'};
    
    HWH5.fetchVPN(_url, { method: 'get', headers: _headers, timeout: 6000 }).then(res => res.json()).then(reply => {  console.log('服务端返回: ', reply);
    }).catch(error => {  console.log('请求异常', error);
    });
  • ES5版本

    var _url = '/mcloud/mag/ProxyForText/xxx/xxx';var _headers = {  'Content-Type': 'application/json'};
    
    HWH5.fetchVPN(_url, { method: 'get', headers: _headers, timeout: 6000 }).then(function (res) {  return res.json();
    }).then(function (reply) {  console.log('服务端返回: ', reply);
    }).catch(function (error) {  console.log('请求异常', error);
    });

post请求

  • ES6版本

  const _url = '/mcloud/mag/ProxyForText/xxx/xxx';  const _headers = {    'Content-Type': 'application/json'
  };  const _params = {    'param1': 'xxx',    'param2': 'xxx'
  };

  HWH5.fetchVPN(_url, { method: 'post', body: JSON.stringify(_params), headers: _headers }).then((res)=>res.json()).then((reply)=>{    console.log('服务端返回: ', reply);
  }).catch((error)=>{    console.log('请求异常', error);
  });
  • ES5版本

    var _url = '/mcloud/mag/ProxyForText/xxx/xxx';var _headers = {  'Content-Type': 'application/json'};var _params = {  'param1': 'xxx',  'param2': 'xxx'};
    
    HWH5.fetchVPN(_url, { method: 'post', body: JSON.stringify(_params), headers: _headers }).then(function (res) {  return res.json();
    }).then(function (reply) {  console.log('服务端返回: ', reply);
    }).catch(function (error) {  console.log('请求异常', error);
    });

HWH5.uploadFileVPN

支持版本>=10.1.2

上传文件

请求参数

参数类型必填说明
serverUrlString服务器地址,绝对路径
formDataObject自定义body中的其他数据,json结构。注意:无数据时,需传空值 {}
filePathString文件存放到本地的地址,包含文件名称及后缀
zipBooltrue:压缩后传,false:不压缩上传
nameString开发者在服务器端通过该key可以获取到文件二进制内容
headersObject自定义的header信息
timeoutNumber超时,单位毫秒。例如:6000毫秒=6秒
progressNumber是否返回上传进度。1:返回,0:不返回。默认为 0
onProgressFunction当progress为1时,必填。回调函数,持续回调

返回结果

无。

请求示例

  • ES6示例

    HWH5.uploadFileVPN({
      zip: false,
      serverUrl: 'http://example.com/uploadFile', // 示例地址,非真实服务
      filePath: 'xxx.jpg',
      name: 'image',
      headers: {},
      formData: { capKey: 'xxxxxx.xxxxxx', audioFormat: 'pcm16k16bit' },
      timeout: 60000,
      progress: 1,
      onProgress: (_data) => {    console.log(_data, '~~~data');
      }
    }).then(data => {  console.log('服务端返回数据:', data);
    }).catch(error => {  console.log('HWH5.uploadFileVPN上传异常', error);
    });
  • ES5示例

    HWH5.uploadFileVPN({
      zip: false,
      serverUrl: 'http://example.com/uploadFile', // 示例地址,非真实服务
      filePath,
      name: 'voiceFile',
      headers: {},
      formData: {},
      timeout: 60000,
      progress: 1,
      onProgress: function (_data) {    console.log(_data, '~~~data');
      }
    }).then(function (data) {  console.log('服务端返回数据:', data);
    }).catch(function (error) {  console.log('HWH5.uploadFileVPN上传异常', error);
    });

HWH5.uploadImageVPN

支持版本>=10.1.2

上传图片

请求参数

参数类型必填说明
serverUrlString服务器地址,绝对路径
formDataObject自定义body中的其他数据,json结构。注意:无数据时,需传空值 {}
filePathString文件存放到本地的地址,包含文件名称及后缀
zipBooltrue:压缩后传,false:不压缩上传
nameString开发者在服务器端通过该key可以获取到文件二进制内容
headersObject自定义的header信息
timeoutNumber超时,单位毫秒。例如:6000毫秒=6秒
progressNumber是否返回上传进度。1:返回,0:不返回。默认为 0
onProgressFunction当progress为1时,必填。回调函数,持续回调

返回结果

无。

请求示例

  • ES6示例

    HWH5.uploadImageVPN({
      zip: false,
      serverUrl: 'http://example.com/uploadFile', // 示例地址,非真实服务
      filePath: 'xxx.jpg',
      name: 'image',
      headers: {},
      formData: { },
      timeout: 60000,
      progress: 1,
      onProgress: (_data) => {    console.log(_data, '~~~data');
      }
    }).then(data => {  console.log('服务端返回数据:', data);
    }).catch(error => {  console.log('HWH5.uploadImageVPN上传异常', error);
    });
  • ES5示例

    HWH5.uploadImageVPN({
      zip: false,
      serverUrl: 'http://example.com/uploadFile', // 示例地址,非真实服务
      filePath,
      name: 'image',
      headers: {},
      formData: {},
      timeout: 60000,
      progress: 1,
      onProgress: function (_data) {    console.log(_data, '~~~data');
      }
    }).then(function (data) {  console.log('服务端返回数据:', data);
    }).catch(function (error) {  console.log('HWH5.uploadImageVPN上传异常', error);
    });

HWH5.downloadFileVPN

支持版本>=10.1.2

文件下载

请求参数

参数类型必填说明
urlString下载资源的url
headersObjectObject HTTP请求Header
filePathString文件下载的地址,默认地址

返回结果

参数说明
status下载成功:1

请求示例

  • ES6版本

    HWH5.downloadFileVPN({
      url: '',
      headers: {},
      filePath: ''}).then(result => {  console.log(result);
    }).catch(error => {  console.log('下载异常', error);
    });
  • ES5版本

    HWH5.downloadFileVPN({
      url: '',
      headers: {},
      filePath: ''}).then(function (result) {  console.log(result);
    }).catch(function (error) {  console.log('下载异常', error);
    });


【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。