支付宝小程序入门

支付宝小程序官方开发文档:https://opendocs.alipay.com/mini/developer。

小程序生命周期如下(借鉴的官方图):

一、注册入驻:

1、大多数都有支付宝账号,所以注册就不多说了。这个主要讲入驻。打开支付宝开放平台

2、选择身份

因为个人做开发测试研究用,所以是以自研开发者入驻。

3、完善信息

4、签署协议

二、创建小程序

1、小程序列表:

2、创建小程序

3、创建完成。会弹出下面框,提示你下一步怎么做

三、安装开发工具

1、下载。有windows和macos两个版本  下载

2、选择需要的版本,之后傻瓜式安装即可,没什么特别要求。这里不多介绍。

3、安装结束。支付宝小程序开发工具图标如下:

四、创建小程序项目

1、打开支付宝小程序开发工具,选择支付宝小程序。有三种模式:

1)打开项目:打开已经存在的项目;

2)最近使用:最近使用已存在的项目;

3)模板选取:创建新项目,并且选择模板。

2、这个刚入门,不懂,所以先选择一个模板,研究研究模板里面的代码。这个选择比较简单的ui模板todo,之后点击下一步。

3、选择存放路径,我这里存放在桌面,之后点击完成。

4、打开todo小程序

1)如果第一次打开,应该会提示你关联你的小程序。选择你的小程序平台创建的小程序。

2)编辑器:代码展示区域;调试器:和谷歌的F12 debug调试器一样;模式器:模式调试模式,右下面展示的就是页面的内容;

3)真机调试:编译推送到自己支付宝所在的真机上,展示页面,真实调试;

4)上传:上传到关联的小程序上,之后提审,或者设置体验,可供多人在真机上真实体验。

5、上传后,在支付宝小程序管理平台可以看到。

比较人性化,可以先设为体验版,先体验。没问题的话,提交审核---等待审核---发布上架等。(还没完全搞明白,这里我先到体验版本,根据自己需要,往后摸索)

原文地址:https://www.cnblogs.com/luckly-hf/p/11988434.html

时间: 2024-07-30 11:42:53

支付宝小程序入门的相关文章

商业级支付宝小程序入门与实战

第1章 课程导学与准备工作[毕设优质项目][毕设优质项目]本章主要介绍为何学习支付宝小程序,以及开发支付宝小程序能为我们带来哪些收获.之后会为大家介绍本课程内容具体安排,最后给出如何学好这门课程的一些学习建议.希望大家都能通过这门课程,学有所成,学有所归.... 第2章 初识支付宝小程序本章首先会为大家介绍如何配置开发环境,如何使用蚂蚁开发者工具,随后我们会一起开发第一个hello world小例子,通过对开发工具以及基本文件类型的介绍,让大家快速熟悉支付宝小程序.为后面技术的学习,项目的开发做

全网首发 商业级支付宝小程序入门与实战

第1章 课程导学与准备工作 本章主要介绍为何学习支付宝小程序,以及开发支付宝小程序能为我们带来哪些收获.之后会为大家介绍本课程内容具体安排,最后给出如何学好这门课程的一些学习建议.希望大家都能通过这门课程,学有所成,学有所归. 1-1 课程导学 第2章 初识支付宝小程序 本章首先会为大家介绍如何配置开发环境,如何使用蚂蚁开发者工具,随后我们会一起开发第一个hello world小例子,通过对开发工具以及基本文件类型的介绍,让大家快速熟悉支付宝小程序.为后面技术的学习,项目的开发做好基本准备.大家

微信小程序入门正确姿势(一)

>>>前言 这是 [认真学编程] 系列的 第4篇 文章(微信小程序入门系列),欢迎点赞分享.写留言,这些都是对我最好的支持. 本系列适合有一定开发经验的前端Coder,新手慎入. 本文是微信小程序入门系列第一篇文章,主要有以下几点内容: 1. 教程安排 2. 小程序背景及应用场景 3. 小程序优势及局限 4. 入门必备 >>>学习安排 以上顺序可能会有变动. >>>背景 在PC互联网时代,想必大家都经历过这样的情形:时不时收到软件更新提示,等几分钟甚至

微信小程序入门五: wxml文件引用、模版、生命周期

实例内容 wxml文件引用(include.import) 模版 小程序生命周期 实例一: include方式引用header.wxml文件 文件引用对于代码的重用非常重要,例如在web开发中我们可以将公用的header部分和footer等部分进行提取,然后在需要的地方进行引用. 微信小程序里面,是包含引用功能的--include.import.这两个引用文件的标签,使用基本差不多,这里先说一下include. 微信中的视图文件引用,引用过来的都是没有渲染的,基本类似于直接将引用过来的文件复制到

小程序入门(1)项目结构篇。

项目结构 小程序入门(0)项目创建篇 , 下载开发工具并创建项目. 小程序入门(2)浅析篇 ,了解wxml与wxss的配合使用 小程序进阶(1)豆瓣电影,看文档,复制文档代码基础布局也可以轻松搭建. 在编辑中找到加号!创建button目录. 添加一个外层文件button, 在四个内层文件 js,json , wxml , wxss . 名字与外层文件相同. 创建外层文件,分别在创建内层 js,json,wxml,wxss.这样就生成了一个伪页面,说它是伪页面到后面进行分析. . js:javas

小程序入门(2)浅析篇

有了小程序入门(0)项目创建篇 || 小程序入门(1)项目结构篇.的基础. 一个页面是由 js 与 wxml和wxss配合形成的,而需要将页面显示出来需要在app.json中配置. 现在我们先来看一下决定页面布局的 wxml 的一些简单使用. 最简单的演示: 一个按钮就出现在了调试界面,(需要先保存 ctrl + s ,在去调试页面点击重启.) 按照这个思路我们有很多控件需要进行深入. 现在来看一下wxml与wxss的配合. 先看效果图: 在来看怎么实现, wxml  ,class为关联wxss

小程序入门(0)项目创建篇

已经创建项目的可以看我另一篇讲解 小程序入门讲解 (1)项目结构篇. 官方下载地址 安装后扫描二维码登入. 添加项目 你应该是没有APPID的 选择无APPID 会缺少一项功能后面讲解(目前只发现一项). 好了项目创建好了,有点过分简单了点是不是,但这页面不是我自己创建的就很不舒服,特别想自己创建一个页面,所以去认识项目的结构,我在另一篇讲解的还算清晰.小程序入门讲解 (1)项目结构篇. 讲一下没有APPID 和 有APPID 的功能缺失在哪里,先看图然后自己做一下对比 目前我还没有发现其他的不

微信小程序入门篇

微信小程序入门篇: 准备工作 IDE搭建 就不多说了,没有内测码去下载个破解版吧,我用了一下,学习完全够了!IDE破解版+安装教程 图片发自简书App 知识准备 JavaScrip还是要看看的,推荐教程 廖雪峰大神的博客 HTML+CSS 大概知道是干啥的就行 从零开始 微信小程序中就四种类型的文件 js ---------- JavaScrip文件 json -------- 项目配置文件,负责窗口颜色等等 wxml ------- 类似HTML文件 wxss ------- 类似CSS文件

天河微信小程序入门《三》:打通任督二脉,前后台互通

原文链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=505&extra=page%3D1 天河君在申请到https证书后就第一时间去部署后台环境,但是发现每次访问https都要带上8443端口实在是很坑爹啊,作为一个强迫症晚期,我要做的自然是不带端口直接访问.打开你tomcat下的conf文件夹,编辑里面的server.xml <Connector port="80" protocol=&quo