支付宝小程序入门

时间:2019-12-05 12:51:20   收藏:0   阅读:131

支付宝小程序官方开发文档: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、上传后,在支付宝小程序管理平台可以看到。

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

技术图片

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!