文档中心
小程序云 
产品公告
云托管
云开发
产品简介
产品计费
操作指南
开发指南
云函数 sdk
用户身份服务sdk
websocket
开发教程
ide 调用
cloudpilot
云效能
云安全
风险智能
智能营销
智能客服
智能监控
费用中心
访问控制
云迁移
组件市场
相关协议
收藏
我的文档
设置
云开发支持支付宝小程序 ide 一站式开发,可以同时在 ide 中开发前端代码和后端代码。本文以调用云函数为例,为您介绍如何使用 ide 工具开发小程序。
前提条件
已注册支付宝小程序。若未注册请参见
已开通小程序云云开发产品。若未开通请参见
下载安装 ide 工具并了解 ide 工具的使用方法
确保已下载 ide 工具版本为 3.7.2 及以上,部分方法需要 ide 开发者工具版本为 3.7.4 及以上。
说明:
使用云开发方法需要 @alipay/faas-server-sdk 版本最低为1.0.0。
使用数据库方法需要 @alipay/faas-server-sdk 版本最低为1.1.0。
118.储存管理.png

调用云函数
调用云函数主要流程分为:创建环境 > 初始化环境 > 调用云函数
bd56ba00-5b57-45bf-bbe0-08a70073d297.png

步骤一:登录 ide 工具
1在计算机桌面,运行 ide 小程序开发工具。
2选择需要开发的小程序。
说明:您也可以单击打开项目,在本地已有的项目开发小程序。

3选择端页面,依次单击支付宝 > 下一步,进入选择模板页面。
f458b20b-b487-4348-abda-000594d6dd80.png

4选择空白云开发模板后,单击下一步,进入新建项目页面。
说明:此处需要选择空白云开发,若不选择空白云开发将无法实现新建云函数等操作。

5根据需求输入项目名称项目路径后选择框架语言,单击完成,进入编辑器页面。

6在编辑器页面,单击左上角登录,通过支付宝扫码登录编辑器。

说明:小程序前端代码在 miniprogram 文件夹下,如果需要自定义文件 root 目录,可修改 mini.project.json。
miniprogramroot: 前端 root 目录。
cloudbaseroot:后端 root 目录。
目录名称
目录说明
cloud
云开发根目录。鼠标右键单击可弹出云开发功能,其中包括关联对应环境新建云函数部署云函数
functions
函数列表,同步的云函数将显示在此目录下。若需要新建云函数,可以鼠标右键单击 functions >新建云函数
说明:functions 相比于 cloud 少一个关联环境功能。
miniprogram
小程序前端代码在此目录下。若需要自定义 root 目录,请修改 mini.project.json。
pages
页面结构,存放各个页面的目录。
index
页面配置信息。
index.js
index 页面的 js 代码。
index.axml
index 的 html 结构代码。
index.acss
index 页面的样式代码。
index.josn
index 相关配置。
app.acss
index.acss 仅应用 index,app.acss 应用于整个应用。
app.js
index.js 仅应用 index,app.js 应用于整个应用。
app.json
index.josn 仅应用 index,app.json 应用于整个应用。
mini.project.json
项目配置,详情请参见项目配置
步骤二:关联环境
1 在 ide 小程序开发工具中根据需求选择需要开发的小程序。
说明:如果此时没有您想要开发的小程序,可以通过创建小程序选项/支付宝开放平台进行创建。详情请参见创建小程序

2鼠标右击单击 cloud 选择当前环境-未关联 > 刷新云开发环境列表后,在列表内选择对应环境。

步骤三:初始化云环境
1在 ide 小程序开发工具中单击 miniprogram 文件内的 app.js 文件后,替换以下代码内容。

2在开发者小程序工具右上角单击云开发,进入云开发环境页面。

3在环境页面找到已关联的环境,并复制环境 id

4将复制环境 id 粘贴至 env:字段后,保存 app.js 文件。
5 app.js 文件内自定义 my. 字段后的调用方法名称,完成环境初始化。
说明:此处将 my. 字段后的名称自定为 yunkaifa。

步骤四:创建云函数
1在 ide 小程序开发工具中鼠标右键单击 functions 选择新建云函数后,开始创建云函数。

字段
说明
同步云函数列表
将线上的云函数内容与本地同步。
新建云函数
新建云函数。
部署全部
将全部云函数部署至云开发。
创建并部署全部
将在本地新建好的云函数,创建并部署至云开发。
2输入函数名称后,使用键盘 enter 键,创建云函数。

3根据需求在编辑器内编辑 yunkaifa 函数。
说明:函数的文件名称建议为 index.js ,否则将导致该函数无法被调用。

4完成云函数的编辑后,鼠标右键单击 functions 选择创建并部署云函数,将云函数部署至云开发。

发布云函数成功后,您可以在云开发控制台的函数列表中找到已发布的云函数。

步骤五:配置前端页面
1在 ide 小程序开发工具中依次单击 miniprogram > index > index.axml后,配置 index.axml 文件。
2配置根据需求配置 onetap 事件名称后,保存文件,此处将 onetap 名称配置为 hello。

步骤六:配置触发事件
1在 ide 小程序开发工具中依次单击 miniprogram > index > index.js 后,将下列代码粘贴至 index.js 文件内。
2配置触发事件名称需要调用函数的名称后,保存文件,完成触发事件的配置。
说明:触发事件名称需与 miniprogram > index > index.axml 文件中 onetap 的事件名称一致。

步骤七:调用云函数
在 ide 小程序开发工具中单击 button,调用 yunkaifa 函数,调用结果为 "hello world!",表明调用成功。

内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图