支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览

简介: 支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览

创建链接:

https://open.alipay.com/develop/mini/create?bundleId=com.alipay.alipaywallet&from=tinyappsite

给小程序取一个名字,我取名 jerrydemo,因为仅仅用于开发用途:

收到提示消息:

名称过于宽泛,审核时可能被驳回,建议换一个名称重试,示例:地域+商标/企业名称的关键字+类目(如:杭州之意女装等)。若你有该名称的证明资料,请在“名称辅助资料”上传。证明资料要求详见文档

这个不要紧,因为只是用来学习小程序开发流程。

商家账号,选择自己的支付宝账号就行了。

然后进入下面的页面:

我选择使用云服务,开发工具使用低代码。

迭代模式选择,因为我是新手,所以选择全流程模式:

然后进入这个控制台:

https://open.alipay.com/develop/devops/iteration?iterationKey=2021004136677040i11709346718730&appId=2021004136677040&bundleId=com.alipay.alipaywallet

先去开通云开发环境:

提示我需要到支付宝小程序云平台注册:

小程序云的控制台:https://cloud.alipay.com/main/console

注册账号之后,立即使用的按钮就可以点击了。

来到下面这个界面,点击新建环境:

对于小程序学习人员来说,使用云开发免费版就足够了。

确认开通:

之后可以通过下面的 url 访问这个云环境了:

https://cloudbase.cloud.alipay.com/console/2021004136677040/env

然后回到迭代控制台,点击低代码开发的去开发超链接:

进入到这个低代码编辑页面。点击 添加组件 按钮:

添加一个Text 文本控件,把文本属性设置成 Hello World:

然后点击保存和预览按钮,会弹出一个二维码,用自己的支付宝扫描,就能在手机上,看到第一个小程序的外观了,是不是很有成就感呢?

相关文章
|
1月前
|
存储 小程序 JavaScript
基于微信小程序的移动学习平台的设计与实现_kaic
基于微信小程序的移动学习平台的设计与实现_kaic
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
24 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的移动学习平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的移动学习平台的详细设计和实现
31 1
|
1月前
|
小程序 JavaScript 容器
微信小程序入门学习02-TDesign中的自定义组件
微信小程序入门学习02-TDesign中的自定义组件
|
2月前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
|
4月前
|
XML Java Android开发
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战(附源码 包括添加手机联系人和发短信)
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战(附源码 包括添加手机联系人和发短信)
91 0
|
3月前
|
安全 网络协议 Linux
【公网远程手机Android服务器】安卓Termux搭建Web服务器
【公网远程手机Android服务器】安卓Termux搭建Web服务器
67 0
|
4月前
|
传感器 物联网 Android开发
【Android App】物联网中查看手机支持的传感器及实现摇一摇功能-加速度传感器(附源码和演示 超详细)
【Android App】物联网中查看手机支持的传感器及实现摇一摇功能-加速度传感器(附源码和演示 超详细)
69 1