最新demo版|如何0-1开发支付宝小程序之前期准备篇(一)

这篇具有很好参考价值的文章主要介绍了最新demo版|如何0-1开发支付宝小程序之前期准备篇(一)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

小程序作为目前一种轻量、便捷的应用、目前应用越来越广泛了。

很多没有开发经验的开发同学可能初次接触就是小程序开发,为了详细讲解下小程序开发的步骤,我会按照小程序的开发流程一步一步从零开始给大家介绍下如何开发支付宝小程序,后续教程中会更新最新版 demo 给到大家。

今天我们所要讲的内容就是开发小程序前,我们必须要做的一些准备工作

下文将会从「小程序应用创建」、「小程序平台配置信息介绍」以及「小程序开发者工具介绍」三个方面展开讲解。

 

一、小程序应用创建

众所周知,小程序最大的优势就是依赖于背后的平台,那么基于平台维度去产出的小程序的第一步就是要先进入支付宝开放平台。

大家可以按照官方文档去进行入驻:[如何入驻支付宝开放平台]

ps:支付宝开放平台的入驻对账号没有要求,只要是支付宝账号就可以

 

入驻成功之后我们就可以进入到 开放平台的首页 去创建小程序。

点击【创建小程序】:

 

 

进入到小程序创建页面之后,需要填写【小程序名称】以及【绑定主体账号】,

绑定主体账号直接选择当前账号:

 

⚠️ 注意(划重点!!):

  • 这个「小程序名称」就是对外展示小程序名称;
  • 此时名称校验通过并创建成功之后并不代表名称没有问题,只代表着你的名称基本是没有问题,后面是不是有问题还得看支付宝审核那边的要求;
  • 名称要求比较多,总结起来就是不违法、不骗人、不雷同,可以参考 小程序/生活号命名规范

 

创建成功之后,就会跳转到小程序的详细信息界面了,这个时候我们就可以获取到 APPID 了,如下图:

 

这里有一些常见的创建小程序相关问题汇总,供大家查阅:

  • [小程序应用名称修改]
  • [小程序修改名称是否需要重新发版]
  • [创建小程序失败]

二、小程序平台配置信息介绍

创建小程序成功之后,我们可以看到平台上有一大堆的「配置信息」和「设置信息」,下面挑一些重点的配置来为大家介绍下~

1. 基础信息

1.1 小程序信息

首先就是小程序信息 ,在小程序信息里面大部分都是对外展示的,并且每次修改之后 需要跟随小程序提交的版本一起审核,审核通过之后才会生效。

 

1.2 基础设置

基础设置中需要注意的是 搜索可见设置 、小程序隐私政策

 

  • 搜索可见设置:默认是开启的,关闭的情况下,用户是无法搜到小程序的。如果遇到小程序上线之后无法搜到的情况,要到这个位置确认下设置的状态;
  • 小程序隐私政策:这个设置的作用在于展示给用户看隐私政策授权协议内容,就是用户授权时弹出的那个需要勾选【我同意】的协议,所以只要是接入有关用户授权的内容,就必须要配置。

 

1.3 成员管理

正常小程序在未开发完成之前都是只有自己账号才能看到的,但是如果别的支付宝账号也要看到这个小程序就要用到成员管理的配置了,需要将其他人的支付宝账号配置到成员管理里面。

下面简单概括下权限范围

  • 管理员:所有权限都有(包含提交审核权限)
  • 开发成员:只有开发的权限(没有提交审核权限,但是可以申请)
  • 体验成员:只有未上线前预览小程序的权限

这部分的涉及的权限比较多,有兴趣的小伙伴可以参考官方文档 成员管理

 

2. 开发设置

开发设置中重点配置在「产品绑定」和「开发信息」两块内容~

2.1 产品绑定

产品绑定的作用就是告诉支付宝你的这个小程序需要调用哪些功能,只要绑定了并且产品状态是已开通的,就表明可以正常接入这个 API。

 

大部分的小程序 API 的调用是不需要绑定,但是部分 开放能力的 API 需要绑定之后才能调用,具体看接入的 API 文档是否有涉及到这部分,如下图所示:

 

2.2 开发信息

开发信息这部分先重点介绍下 服务器域名白名单

服务器域名白名单 作用在于在小程序前端请求到后端服务器的时候,需要将服务器的域名地址配置到这里。不配置的话是无法请求成功的。

 

另外涉及的重点配置的内容就是「接口加签方式」和「接口内容加密方式(AES)」。

这两块的配置也是主要作用于服务端,也就是数据传输到服务端后,服务端请求支付宝时所需要配置的内容。

接口加签方式 的配置可以参考我之前写的:

  • 如何配置支付宝密钥之如何配置普通 RSA2 密钥|保姆级教学(一)
  • 如何配置支付宝密钥之如何配置证书|保姆级教学(二)

接口内容加密方式(AES) 是用于前后端敏感信息传输时加密的密钥,详细配置可参考[如何配置AES密钥]

 

3. 审核/发布管理

小程序开发完成,并且版本上传之后,我们可以在平台的 版本管理->开发版本 中看到我们上传的小程序,并且可以让体验人员直接用支付宝扫码进行体验。确认无误之后就可以提交审核了。

 

 

审核通过之后就可以在线上版本查看到了~

 

三、小程序开发者工具介绍

1. 开发工具安装

小程序创建完成之后,我们就需要下载支付宝提供的 小程序开发工具(IDE),根据自己的机型下载安装。

后续我们小程序的开发和调试就完全是在这个工具中进行了。

 

2. 创建小程序项目

选择【支付宝】:

 

IDE 提供了多个模板,我们创建一个空白模板:

 

输入项目名称以及项目路径,注意项目路径跟 IDE 安装路径不要一样

 

创建完成之后我们就可以进入工具的开发页面了:

 

这里有一些小程序开发工具常见问题汇总,供大家查阅:

  • [IDE开发工具常用快捷键]
  • [IDE右下角提示:“未找到 Node 可执行文件, 可以前往 https://nodejs.org 下载并安装”]

 

3. 工具绑定小程序

此时我们离开发还有两个步骤,第一个就是登录支付宝账号。

我们点击左上角的登录按钮,用支付宝账号扫码登录,需要在手机上确认授权:

 

登录成功之后,我们需要在 IDE 上关联一下我们之前在平台创建的小程序,点击【选择关联应用】,找到我们创建的小程序进行关联:

 

4. 项目目录结构

接下来介绍小程序项目的目录结构。

创建成功之后,默认的目录结构如下所示:

├── mini.project.json 配置小程序全局环境(例如是否开启组件、是否开启基础库2.0版本等)
├── app.acss 全局样式配置
├── app.js 小程序入口js
├── app.json 小程序的配置
└── pages 存放页面文件夹
    └── index 首页
        ├── index.acss 首页的样式
        ├── index.axml 首页的模板
        ├── index.js 首页的业务逻辑
        └── index.json 首页的配置

 

5. 新建页面

如果需要新建一个小程序页面,需要在对应目录上右击,点击【新建小程序页面】:

 

生成的页面会默认包含.json.js.axml.acss 四个文件:

 

此时在 app.json 文件中我们会发现自动加载了新建的 log 文件:

 

这里 pages 配置中,哪个页面路径在最上面哪个页面就是首页

 

到这里,我们开发前的所有准备都已经完成了,下一篇将会详细讲解下「如何调试小程序」,记得收藏哦😊

 

 

希望对你有所帮助✿✿ヽ(°▽°)ノ✿~文章来源地址https://www.toymoban.com/news/detail-746314.html

到了这里,关于最新demo版|如何0-1开发支付宝小程序之前期准备篇(一)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp开发支付宝小程序

    1.运行支付宝小程序  这里运行后会打开你下载的支付宝开发者工具(中间有一步是配置你的支付宝开发者工具地址,这个就没有写了)    到此为止运行支付宝小程序就成功了 2.TypeError: Function(...) is not a function  出现该原因就是用了Function,当你的代码出现了该种情况就是看

    2024年02月11日
    浏览(56)
  • uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题,在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示(详细解决方法)

    在uniapp微信小程序 | uniapp支付宝小程序中,详解canavs技术绘制图像后在真实手机上运行不显示的问题,解决uniapp安卓苹果ios运行小程序后二维码/海报无法加载和展示,完美解决兼容问题、图片太大画不出来、加载失败等。支持保存到相册中或长按保存。 很多教程都无效,本

    2024年04月25日
    浏览(53)
  • 支付宝小程序模板开发,协助商家一键创建小程序

    关于支付宝小程序模板开发,之前写过相关的介绍,详情请看 【支付宝小程序模板开发,一整套流程】这篇文章。 和微信一样,支付宝也有通过接口创建小程序的服务。不过在对接模板开发那时候,还没开放这个接口,是一个邀请制的,没有被官方主动邀请到就没有权限调

    2024年02月13日
    浏览(46)
  • 如何获取支付宝小程序的appid

    最近在复盘支付宝小程序,之前遇到个问题:支付宝要求小程序内容要丰富,但我们一期内容单薄,想要自己开发功能排期上不允许,于是就想从我方小程序跳转到他方小程序。这时候就要获取他方小程序的appid进行跳转。 这方法也是逛社区学来的,现在再复盘巩固下。 以【

    2024年02月11日
    浏览(57)
  • 如何将支付宝小程序迁移至微信/FinClip运行

    许多小程序开发者都会遇到这样一个困扰,自己已经在微信,支付宝等不同环境中开发了对应的小程序代码,但在不同平台中的小程序语法并不一致。 本篇文章将通过手把手入门的方式,快速了解「如何使用第三方工具互相转换小程序代码进行?」相关问题。 顾名思义,在

    2024年02月11日
    浏览(46)
  • uni-app使用支付宝小程序开发者工具开发钉钉小程序

    一、添加运行配置 在项目的 package.json 文件中添加以下配置 配置完毕后在 HBuilderX 中会显示运行钉钉小程序按钮  二、设置钉钉小程序开发工具路径(支付宝小程序开发者工具)  三、通过 HBuilderX  把 uniapp 项目编译成钉钉小程序 编译成功后会自动打开钉钉小程序开发工具,编

    2024年02月11日
    浏览(62)
  • uniapp开发APP跳转微信小程序和支付宝小程序(安卓版)

    开发APP时需要支付时跳转微信或者支付宝去支付,但是因为银行合作问题不能直接跳转,所以选择跳转到小程序页面进行支付,微信小程序和支付宝小程序写法不同 APP跳转微信小程序 (需要manifest.json中APP模块配置Share中微信分享保持开启) 微信小程序原始id在微信开放平台查

    2024年02月06日
    浏览(62)
  • 如何生成支付宝小程序链接,点击直接打开并进入某个页面

    来到CSDN社区已经很长时间了,经常看大家在这里分享的知识文章,受益匪浅。今天刚好在公司写项目踩到了一个小坑就想着记录下来,希望能够帮助到大家。 业务需求场景 :商城分销,分销人点击分享按钮即可生成某个商品的分享链接,用户点击链接直接打开支付宝小程序

    2024年02月09日
    浏览(47)
  • 关于uniapp开发支付宝小程序出现的访问当前页面不存在的情况

    目前使用uniapp开发经常出现的一个问题,点击跳转页面,显示该页面不存在的情况 一开始是因为打包文件过大,导致的编译太慢,也会出现这个问题 我是直接把node_modules里面的那个文件删掉了,先开发再说 后面又出现了这个问题大概就是语法错误的时候也会出现 再一个就是

    2024年02月15日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包