2023支付宝小程序开发者大赛——开发指引-ag九游会j9官方网站

ag九游会j9官方网站-j9九游会登录入口首页新版
ag九游会j9官方网站-j9九游会登录入口首页新版apij9九游会登录入口首页新版的解决方案学堂社区
控制台注册
2023支付宝小程序开发者大赛——开发指引
支付宝开发者官方
2023-08-14
1440 浏览
#支付宝小程序开发者大赛

step 1 : 报名大赛 立即前往
step 2 ：创建支付宝小程序
step 3 ：开始开发
1云开发模式
推荐

a创建小程序开发迭代
b选择小程序云 ide的开发模式
■使用ide开发小程序
■云开发指引
■支付宝openapi能力 立即前往
2小程序云 低代码开发模式
使用支付宝官方组件快速搭建表单、流程等简单小程序
step 4 ：提审上架
step 5 ：完成作品介绍并上传语雀官方空间
step 6 ：j9九游会登录入口首页新版官网提交作品 立即前往


step 1：创建小程序
登录ag九游会j9官方网站-j9九游会登录入口首页新版控制台，点击。


进入小程序创建页，填写小程序名称，选择主体账号

step 2：创建迭代，根据迭代指引进行开发
迭代指小程序一次开发到上架的生命周期的过程，支付宝通过迭代的方式统一整合小程序工具，管理小程序版本，帮助您快速高质量的完成小程序开发。

step 3：选择迭代模式
按大赛要求，参赛小程序必须使用支付宝小程序云，可按照“普通开发 云” or “低代码开发 云”两种模板进行选择；
模式一：云开发模式
普通开发指通过开发工具编写代码进行开发；
云开发指使用支付宝小程序云开发功能，是基于 serverless 的一站式小程序后端服务开发平台，支持动态扩缩容低投入，前后端一体化高效研发，简化开发流程，提高研发效率。
1、创建普通开发迭代
是否使用云服务：是，是否使用低代码：否

2、进入迭代
我们将开发阶段拆分为开发调试、构建版本、测试验收三个阶段，能够帮助开发者完成前后端代码的开发、云服务环境的搭建，通过集成openapi接口能力实现产品功能，也可通过小程序质量检测工具检测前端小程序代码的质量问题；

3、开发调试
3.1前置准备了解
（1）云开发
支付宝产品是基于 serverless 的一站式小程序后端服务开发平台，支持动态扩缩容低投入，前后端一体化高效研发，简化开发流程，提高研发效率。
详见：
（2）ide开发
下载支付宝小程序开发工具ide，进行小程序前端代码开发。
下载并安装 ide 工具 v3.7.13 稳定版
●（64-bit）
●（x64，适用大多数机型）
●（arm64，适用于 m1/m2 等芯片的机型）
（3）沙箱调试
是支付宝开放平台为开发者提供的安全低门槛的测试环境，开发者在沙箱环境中调用接口无需具备所需的商业资质，无需绑定和开通产品，同时不会对生产环境中的数据造成任何影响。
合理使用沙箱环境，可以让研发流程与商业流程并行，降低联调资损风险，加速项目的交付。

前端/后端/云调用快速使用沙箱环境，请
沙箱为开放的产品只提供 有限功能范围 的支持，各个产品的支持详情如下：
产品分类
产品名称
是否支持沙箱
约束说明
会员
获取会员信息

获取会员手机号

运动数据

获取会员基础信息

获取会员收货地址
正在建设
资金
转账到支付宝账户

花呗分期

支付
jsapi支付

预授权支付

商家扣款

1独立签约场景下，在小程序内唤起签约页暂不支持，正在建设中。
2暂不支持支付并签约场景在沙箱环境测试，正在建设中。
营销
棋盘密云

红包
正在建设
商家券

支付券

商家会员卡
正在建设
小程序
部分支持
支持
支付有礼

信用
芝麻工作证

芝麻免押
正在建设
芝麻go

芝麻先享
正在建设
其它
ocr

一卡通行

绿色回收j9九游会登录入口首页新版的解决方案

3.2 开发&调用云函数
步骤一：登录 ide 工具
1在计算机桌面，双击打开已安装的 ide 小程序开发工具。
2单击选择添加选项。

1在选择端页面，依次单击支付宝 > 下一步，进入选择模板页面。
2选择云开发示例模板后，单击下一步，进入新建项目页面。
说明：此处选择云开发示例，若不选择将无法实现新建云函数等操作。

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

1在编辑器页面，单击左上角登录选项，通过支付宝扫码登录编辑器。

2登录小程序开发者工具后，页面将展示以下目录结构。

备注：文件树说明如下
目录名称
目录说明
cloud
云开发根目录，单击右键可弹出云开发功能，其中包括关联对应环境，新建云函数，部署云函数。
functions
函数列表，同步云函数后的函数将显示在此目录下。若需要新建云函数，可右击functions >新建云函数。
说明：等同于 cloud，相比于 cloud 少了一个关联环境功能。
miniprogram
小程序前端代码在此目录下。如需要自定义 root 目录，则需要修改 mini.project.json。
image
小程序包内静态资源比如图片目录。
node_modules
npm包管理目录。
pages
页面结构，里面存放各个页面的目录。
index
一个页面的所有配置。
index.js
index 页面的 js 代码。
index.axml
index 的 html 结构代码。
index.acss
index 页面的样式代码。
index.josn
index 的的相关配置。
app.acss
相当于 app.acss，在 index.acss 中只应用于 index，但 app.acss 应用于整个应用。
app.js
相当于 index.js，在 index.js 中只应用于 index，但 app.js 应用于整个应用。
app.json
相当于 index.josn，在 index.josn 中只应用于 index，app.json 应用于整个应用。
mini.project.json
项目配置，详情请参见。
步骤二：创建&关联云环境
1根据需求选择需要开发的小程序

2开通并创建云开发环境



3鼠标右击cloud | 未关联单击刷新云开发环境列表后，在列表内选择对应环境。

步骤三：初始化云环境
1单击 miniprogram 文件内的 app.js 文件后，修改实际云开发环境id。

如何查找云开发环境id？
1单击开发者小程序工具右上角的云开发选项，进入云开发的环境页面，复制对应环境 id。

2将复制好的环境 id 粘贴至env：字段后，保存已编辑的app.js文件。
3在 app.js 文件内自定义my.字段后的调用方法名称，完成环境初始化。
说明：此处将 my. 字段后的名称自定为 fncontext。

步骤四：创建云函数
1鼠标右击functions，单击新建云函数后，开始创建云函数。

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

3根据需求在编辑器内编辑 helloworld 函数。
说明：函数的文件名称必须为 index.js ，否则将导致该函数无法被调用。

4如果 helloworld 函数中云调用开发
点击开发工具右上角云开发按钮，选择进入已创建的云开发环境，切换到环境管理->云调用，开启开放接口服务，选择添加所需开放产品接口




5完成云函数的编辑后，依次选择functions > 创建并部署云函数，将云函数部署至云开发。


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

步骤五：编写前端页面
1依次单击miniprogram > helloworld > helloworld.axml。
2根据需求编辑绑定 onetap 事件名称后，保存文件。

步骤六：编写触发事件
1编写触发事件名称与需要调用函数的名称后，保存文件，完成触发事件的配置。
说明：触发事件名称必须与 miniprogram > helloworld > helloworld.axml 文件中 onetap 的事件名称一致。

步骤七：调用云函数
单击 button 选项，调用 helloworld 函数，调用结果为 "hello world"，表明调用成功。

4、开发配置
应用提审前，还需完成必要的开发配置，如服务端调用所需密钥、服务器域名白名单等，详见。

5、构建版本（上传）
当所有代码开发完后，可在ide中模拟调试、版本构建和上传；

6、测试验收
1、体验版
上传版本后，自动生成体验版，大家可以用支付宝app可以进行扫码验收
2、小程序质量检测
为避在后续审核中，被检测出有白屏、控件点击异常等被驳回，建议使用小程序质量检测工具，进行小程序的检测，帮助提前发现代码质量问题。
7、提审上架
当代码提交完毕，验收成功后，即可提交支付宝平台审核。

7.1 提审预校验
检测提审前所需要进行的必须操作，对未完成的部分进行引导完成操作。
7.2 填写提审信息
填写提审的版本信息，版本描述、图片等信息。
7.3 平台审核
进入审核后，平台审核表达审核结果
7.4 灰度（非必需）
版本发布前，提供灰度验证的功能，用户可以自主设置灰度百分比，并观察灰度数据。
7.5 发布（版本上架）

小程序发布时，可选择两种发布策略，覆盖优先和性能优先，针对功能变化较大且需要用户及时更新的版本或者是全新小程序时建议选择覆盖优先，针对需要保障用户使用体验的情况下，建议使用性能优先的发布策略。
模式二：低代码开发 云开发模式
1低代码开发
1进入低代码。点击 低代码开发 搭建链接，进入低代码搭建平台。

2添加组件。点击添加组件 可以选择添加所需的组件。

3搭建页面。组件添加成功后，在右侧配置面板中修改配置，并实时预览页面修改效果。
说明：您可以通过添加组件、上下移动组件、复制组件等操作，完成页面搭建。
4新增页面。点击 页面&组件列表，在下拉列表中，点击添加按钮可以新增小程序页面。选择页面模板、定义页面名称后，即可完成新建。再在页面中添加您需要使用的组件。

5您可以继续添加页面与组件，完成小程序的配置。

2开发配置
●低代码组件支持以下跳转方式：
○小程序内跳转的跳转链接格式：/pages/your/page/path ，示例：/pages/index/index
○小程序跳转至外部小程序的跳转链接格式：alipays://platformapi/startapp?appid=${appid}&page=${pagepath}&query=${pagequery}，示例：alipays://platformapi/startapp?appid=2022061812345678&page=/pages/index/index&query=foo=bar
○小程序跳转 h5 的跳转链接格式：http:// 或者 https:// 开头
●若您使用了 h5 跳转，需要配置并申请 （审核通过约 1 个工作日），否则在真机预览和上线后都无法正常跳转。
●以下低代码组件支持云开发（云函数、数据库等），您在使用时需要开通云开发，并配置云环境：
○表单组件
○会员基本信息组件
●使用云函数调用 openapi 前，您需要完成以下步骤：
○请先前往 ，开通相关产品。
○在 云开发 > 云调用 中，启用对应的 openapi 接口。

3预览与上传
1完成多个页面的配置后，可以点击 预览。使用支付宝客户端扫描二维码，进行真机预览。如果预览过程中，页面效果不理想，可以返回低代码搭建中重新修改。
2确认配置与预览后，点击 部署 将页面配置上传至 o 站-版本管理。
3.1.1
4测试验证
如果在小程序上架之前需要让部分用户先体验小程序，可以设置体验版。
1在 成员管理 中添加体验成员，一个小程序可以最多添加 50 个体验成员。
2在 开发版本 中，选择一个开发版本设置为体验版。
3体验者可扫描体验版二维码进行体验。

5提审上架
1登录 ，进入对应小程序 版本管理 页面。
2在 版本管理 页面，可以看到 版本详情。
3在具体开发版本的右侧点击 提交审核。
4按照弹窗提示进行自检。确保符合审核标准，然后勾选确认选项，点击 确定。
5在 提交审核 页面，完善小程序 版本信息 与 小程序信息，点击 提交审核。
6等待审核结果（通常在 2 个工作日完成）。
7小程序提交审核通过后点击 上架，就可以在支付宝客户端中查看该小程序。


6低代码相关常见问题
q：如何升级模板？
点击右上角“...”进入 更新页面模板，使用最新版本的模板。


q：审核驳回怎么处理？
如果审核未获通过，请根据驳回理由查看 ，修改之后重新提交。在审核通过之后，即可进行小程序上架。

​
avatarname
请后发表内容
支付宝开发者

文章  229  点赞  513

相关文章

热门文章

热门问答

您的社区活跃积分 3，登录后即可领取  
网站地图