文档中心
小程序云 
产品公告
云托管
云开发
产品简介
产品计费
操作指南
开发指南
云函数 sdk
服务端
客户端
用户身份服务sdk
websocket
开发教程
cloudpilot
云效能
云安全
风险智能
智能营销
智能客服
智能监控
费用中心
访问控制
云迁移
组件市场
相关协议
小程序云 > 云开发 > 开发指南 > 云函数 sdk >  > web sdk
收藏
我的文档
设置
您可以通过 web sdk 在 web 端(如 pc web 页面、支付宝公众平台 h5 等)使用 javascript 访问 cloudbase 服务,目前 web sdk 支持调用云函数以及访问云存储。
安装依赖
bash
复制代码
npm i @alipay/faas-web-sdk
cdn 地址
1.1.20:
支付宝小程序配置
小程序配置 mini.project.json 开启 enablenodemodulebabeltransform。
json
复制代码
{
"enablenodemodulebabeltransform": true
}
使用
初始化
javascript
复制代码
// 引入依赖
const cloud = require('@alipay/faas-web-sdk');
// 新建 cloud 实例
const sdk = new cloud.cloud({
// 网关地址,可不填,默认通过 envid 拼接为 https://{envid}.api-hz.cloudbasefunction.cn
endpoint?: 'https://{env}.api-hz.cloudbasefunction.cn', // 控制台,环境管理 - 环境概览中,网关地址
// ak
secretid: '', // 控制台,环境管理 - 环境概览中,ak
// sk
secretkey: '', // 控制台,环境管理 - 环境概览中,sk
// appid,字段名也可以使用 resourceappid
appid: '',
// 目标环境 id,字段名也可以使用 resourceenv
envid: '',
// 运行环境,浏览器或支付宝小程序中,可不填,微信小程序中使用时,需要设置为 'weichat_mini'
runtime?: 'web' | 'alipay_mini' | 'weichat_mini',
// 请求函数,可不填,默认在浏览器中使用原生 fetch 方法,支付宝小程序中使用 my.request,微信小程序中使用 wx.request
fetch?: fetch;
});
// 初始化
await sdk.init();
调用云函数
访问云存储
上传文件
web 环境上传文件示例。
说明:web 环境,websdk 默认使用浏览器内置的 fetch 进行文件上传,若有兼容性等需求,无法使用 fetch 时,可参考小程序环境上传文件示例,自定义 fileuploader。
小程序环境上传文件示例
由于 websdk 目前仅内置了浏览器环境文件上传操作,因此在小程序环境,需要自行实现文件操作逻辑。
初始化 sdk 时,将自定义 fileuploader 传给 sdk。
调用 uploadfile 方法完成文件上传。
下载文件
web 环境下载文件示例。
说明:web 环境,websdk 在下载文件时,默认直接返回文件的临时下载链接,若有其他需求,可参考小程序环境下载文件示例自定义文件下载逻辑。
小程序环境下载文件示例。
由于 websdk 目前仅内置了浏览器环境文件下载操作,因此在小程序环境,需要自行实现文件操作逻辑。
初始化 sdk 时,将自定义 fileuploader 传给 sdk。
调用 downloadfile 方法下载文件。
删除文件
获取文件临时访问链接
自定义 fetch
特殊场景,可能需要自定义 fetch 函数,传给 cloud 使用。fetch 的类型定义如下:
自定义时,需要实现 fetch 对象,并通过构造器传给 cloud 对象。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图