2、使用 jquery、axios 等工具访问云函数方式(云函数 url 化外部访问)

必须开启云函数的 URL 化，假如 URL 地址为：https://xxx.bspapp.com/http/router

开启 URL 化方法为：打开 router/package.json 文件，在 path 里填写 /http/router，最后重新上传云函数。

cloudfunction-config": {
  "concurrency": 1,
  "memorySize": 512,
  "path": "/http/router",
  "timeout": 60,
  "triggers": [],
  "runtime": "Nodejs12"
}

如何获得云函数 URL 化的域名地址？

进入 uniCloud 后台，在云函数的函数列表里找到 router，点详情

注意：如果你直接在浏览器中访问 url 化地址，会触发下载请求，需要用 postman 等工具进行访问测试。

axios 请求示例

假设 router 的 url 化地址是 https://xxx.com/http/router

假设需要请求的云函数路由是 template/test/pub/test

则完整请求 url 是 https://xxx.com/http/router/template/test/pub/test

axios（不带 token）

axios
  .post('https://xxx.bspapp.com/http/router/test/pub/test', {
    a: 1,
    b: '2',
  })
  .then((res) => {
    console.log('then', res);
  })
  .catch((err) => {
    console.log('catch', err);
  });

axios（带 token）

axios({
  method: 'post',
  url: 'https://xxx.bspapp.com/http/router/test/pub/test',
  headers: {
    'content-type': 'application/json;charset=utf8',
    'uni-id-token': 'xxxxxxxxx', // 用户token
    'vk-appid': '__UNI__89927A9', // 你项目的dcloud_appid
    'vk-platform': 'mp-weixin', // 运行环境，如 h5、mp-weixin、app-plus 等
  },
  data: {
    a: 1,
    b: '2',
  },
})
  .then((res) => {
    console.log('then', res);
  })
  .catch((err) => {
    console.log('catch', err);
  });

jquery ajax 请求示例

假设 router 的 url 化地址是 https://xxx.com/http/router

假设需要请求的云函数路由是 template/test/pub/test

则完整请求 url 是 https://xxx.com/http/router/template/test/pub/test

jquery（无 token 示例）

$.ajax({
  type: 'POST',
  url: 'https://xxx.com/http/router/template/test/pub/test',
  data: JSON.stringify({
    a: 1,
    b: '2',
  }),
  success: (data) => {
    console.log('data', data);
  },
});

jquery（有 token 示例）

$.ajax({
  type: 'POST',
  url: 'https://xxx.com/http/router/template/test/pub/test',
  headers: {
    'content-type': 'application/json;charset=utf8',
    'uni-id-token': 'xxxxxxxxx', // 用户token
    'vk-appid': '__UNI__89927A9', // 你项目的dcloud_appid
    'vk-platform': 'mp-weixin', // 运行环境，如 h5、mp-weixin、app-plus 等
  },
  data: JSON.stringify({
    a: 1,
    b: '2',
  }),
  success: (data) => {
    console.log('data', data);
  },
});

uni.request 示例

假设 router 的 url 化地址是 https://xxx.com/http/router

假设需要请求的云函数路由是 template/test/pub/test

则完整请求 url 是 https://xxx.com/http/router/template/test/pub/test

uni.request（不带 token）

uni.request({
  method: 'POST',
  url: 'https://xxx.com/http/router/template/test/pub/test',
  data: {
    a: 1,
    b: '2',
  },
  success: (data) => {
    console.log('data', data);
  },
});

uni.request（带 token）

uni.request({
  method: 'POST',
  url: 'https://xxx.com/http/router/template/test/pub/test',
  header: {
    'content-type': 'application/json;charset=utf8',
    'uni-id-token': 'xxxxxxxxx', // 用户token
    'vk-appid': '__UNI__89927A9', // 你项目的dcloud_appid
    'vk-platform': 'mp-weixin', // 运行环境，如 h5、mp-weixin、app-plus 等
  },
  data: {
    a: 1,
    b: '2',
  },
  success: (data) => {
    console.log('data', data);
  },
});

常见问题

注意：部分接口若报如下错误

则需要在请求头多传 2 个参数 vk-appid 和 vk-platform

其中 vk-appid 是 manifest.json 内的 dcloud_appid vk-platform 是当前环境，如：h5 mp-weixin app-plus 等

以 axios 示例

axios({
  method: 'post',
  url: 'https://xxx.bspapp.com/http/router/test/pub/test',
  headers: {
    'content-type': 'application/json;charset=utf8',
    'uni-id-token': 'xxxxxxxxx', // 用户token
    'vk-appid': '__UNI__89927A9', // 你项目的dcloud_appid
    'vk-platform': 'mp-weixin', // 运行环境，如 h5、mp-weixin、app-plus 等
    'vk-locale': 'zh-Hans', // 默认语言
  },
  data: {
    a: 1,
    b: '2',
  },
})
  .then((res) => {
    console.log('then', res);
  })
  .catch((err) => {
    console.log('catch', err);
  });