支付宝小程序创建、注意事项等

371 阅读5分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第7天,点击查看活动详情

流程

  • 网页打开支付宝开放平台-小程序
  • 扫码登录小程序(填写信息)
  • 到达控制台界面,创建小程序。(可先查看名称规则,创建一个可以保存的名称)

image.png

小程序概述

支付宝小程序业务介绍

支付宝应用的开发流程,区分自研开发第三方开发,主要区别如下:

image.png

image.png

小程序快速开始

image.png

配置服务器域名白名单

在上传之前阶段(模拟器预览/调试、真机预览/调试),小程序默认不会限制域名访问;但在上传之后阶段(体验版本、审核版本、灰度版本、线上版本),小程序只能访问白名单域名。若未成功配置白名单,可能会导致小程序页面白屏。
服务器域名白名单小程序如需访问支付宝客户端域外服务,需配置服务器域名白名单(例如my.request、my.uploadFile

image.png

审核上线

小程序代码成功上传之后,后台会生成对应的开发版本,需要经过审核才能正式发布上线

image.png

版本管理
  • 登录 [开放平台控制台],进入对应小程序 版本管理 页面。
  • 版本管理 页面,可以看到 版本详情
  • 根据需要,点击具体版本右侧的操作列的按钮(不同阶段显示不同按钮)进行相关管理 image.png
开发版本提审流程
  • 在具体开发版本的右侧点击 提交审核。
  • 按照弹窗提示进行自检。确保符合审核标准,然后勾选确认选项,点击 确定。
  • 提交审核 页面,完善小程序 版本信息基本信息,点击 提交审核
  • 等待审核结果(通常在 2 个工作日完成)
删除下架

删除小程序前开发者需确认该小程序 版本详情 中:

  • 只存在开发版或未上传版本,则可以直接删除。
  • 存在提交审核、审核中及审核失败版本,则需撤回审核申请或退回开发版后再删除。
  • 生成了体验版本的小程序需要取消体验版后再删除。
  • 上架后的小程序,即使下架,也不能删除。
    说明
  • 每个支付宝账号最多可以创建 10 个小程序。
  • 未曾提交审核的小程序可以删除,删除之后不计入总数。
  • 如在创建小程序时发现名称已被占用,请更换名称或联系 4007585858 处理

查看 APPID

小程序 APPID 相当于小程序的身份证号,请登录开放平台控制台在 小程序 中具体小程序名称下获取所需小程序 APPID,后续可用于 OpenAPI 调用等操作。

image.png

基础信息修改规则

  • 上架前,全部信息均可修改,不限次数。
  • 上架后,修改限制分为三类:
    • 小程序名称每个自然年可修改 2 次。

    • 小程序简介、小程序类目、小程序描述、客服电话可以修改,但每个自然月仅可修改 5 次。

    • 小程序 logo、小程序描述等其它信息均可修改,无次数限制。

开发信息

配置API调用相关的安全设置,如未使用任何支付宝OpenAPI(如支付、营销、会员等),则无需配置

  • 接口加签方式(密钥/证书): 可以选择“密钥”或“证书”的接口加签方式,用于保障应用和开放平台通信的安全性。若不设置,则无法调用支付宝 OpenAPI 接口

image.png

  • 服务器IP白名单(添加信任的IP地址): 开发者可以给[资金操作类敏感接口]配置IP地址白名单,开放平台将基于开发者配置的IP地址,校验开发者请求的来源IP,若来源IP不在配置的白名单范围内,开放平台将拦截对应的请求。选填,若不设置,则开放平台默认不进行任何拦截
  • 支付宝网关地址: 支付宝网关地址,开发者调用 OpenAPI 发送 http(s) 请求的目标地址,需配置在AlipayClient中。
  • 应用网关: 用于接收支付宝异步通知消息(例如[From平台消息]等),需要传入http(s)公网可访问的网页地址。选填,若不设置,则无法接收相应的异步通知消息
  • 接口内容加密方式(设置加密方式,如果不设置的话是明文): 加密后,接口的请求内容和响应内容将会由明文内容变为密文内容,可以大大提升接口内容传输的安全性。选填,若不设置,则接口内容不会被加密。使用[ 获取会员手机号]、[运动数据] 等能力时,必填。

产品绑定

为小程序绑定产品,绑定产品后方可获得API调用权限:如下所示:

image.png

下载小程序的开发工具(测试版本,苹果电脑要下载MacOS版本的)

image.png

  • 下载完毕,选择 image.png
  • 选择模板-无特殊要求选择空白模板(因为其他的要花钱) image.png
  • 选择路径 image.png

内部结构

image.png

  • 登录关联应用(手机上会出现开发者助手) image.png

开发者工具主界面

小程序开发者工具的主界面由 菜单栏工具栏功能面板编辑器调试器模拟器 组成。

  • 菜单栏:文件、编辑、窗口、工具、帮助等基础功能。
  • 工具栏:更改小程序类型与关联、显示/隐藏界面区域、真机调试与预览等功能。
  • 功能面板:切换文件树、搜索、[git 管理]、[NPM 包管理]、插件市场、[实验室]、体验反馈等边栏。
  • 编辑器:输入与修改代码的区域,每款 IDE/编辑器 都必备的最基本功能。
  • 调试器:用于 [模拟器调试]、[真机调试]、[性能调试]
  • 模拟器:模拟运行小程序,便于快速预览、初步调试

打包上传(常见报错)

整包大小过大,实际大小超过 2048kb 限制

精简图片等本地资源文件,或者将图片资源使用 URL 链接方式访问,也可以使用 [分包加载]功能