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

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

创建链接:

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:

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

相关文章
|
7天前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
24 1
|
6天前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
21 1
|
21天前
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
21天前
|
小程序 JavaScript
微信小程序学习之数据绑定,事件绑定,事件传参与数据同步的学习记录
本文介绍了微信小程序中的数据绑定、事件绑定、事件传参与数据同步的基本概念和使用方法,包括如何在data对象中定义数据、使用mustache语法在wxml中渲染数据、绑定和处理事件、事件对象属性、事件传参以及实现输入框与data数据的同步。
微信小程序学习之数据绑定,事件绑定,事件传参与数据同步的学习记录
|
2月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
79 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
6天前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
16 0
|
2月前
|
网络协议 程序员 5G
IM开发者的零基础通信技术入门(十三):为什么手机信号差?一文即懂!
本系列文章尽量使用最浅显易懂的文字、图片来组织内容,力求通信技术零基础的人群也能看懂。但个人建议,至少稍微了解过网络通信方面的知识后再看,会更有收获。如果您大学学习过《计算机网络》这门课,那么一定不要错过本系列文章。
43 0
|
2月前
|
小程序
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
这篇文章是作者关于学习微信小程序开发并在一周内成功开发出一个商城项目系统的心得体会,分享了学习基础知识、实战项目开发的过程,以及小程序开发的易上手性和开发周期的简短。
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
|
3天前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
8 0
微信小程序更新提醒uniapp
|
2月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
76 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序