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

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

创建链接:

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 Java 测试技术
基于微信小程序的手机商城+springboot+vue.js附带文章和源代码设计说明文档ppt
基于微信小程序的手机商城+springboot+vue.js附带文章和源代码设计说明文档ppt
9 2
|
6天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的华强北商城二手手机管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的华强北商城二手手机管理系统的详细设计和实现
|
6天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的欢迪迈手机商城设计与开发的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的欢迪迈手机商城设计与开发的详细设计和实现
|
6天前
|
JavaScript Java 测试技术
基于微信小程序的手机商城的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的手机商城的设计与实现(源码+lw+部署文档+讲解等)
|
15天前
|
小程序 Java 编译器
性能工具之JMeter 微信小程序 WebSocket 脚本入门
【5月更文挑战第12天】性能工具之JMeter 微信小程序 WebSocket 脚本入门
18 1
|
15天前
|
存储 JSON 小程序
html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法
本文档介绍了DWG数据库中图层的存储结构及MxCAD库对图层的操作。图层信息存储于图层层表McDbLayerTable()中,每个记录对应一个图层,包含颜色、线型等属性,且有一个不可删除的默认"0"层。主要操作包括:通过MxCpp.getCurrentMxCAD()获取图层表,使用addLayer()添加图层,遍历图层,以及删除图层。此外,还展示了如何修改图层的关闭、冻结、锁定状态及颜色。提供了在线示例以演示这些功能。
html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法
|
15天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
15天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
2天前
|
小程序 UED
人力资源小程序的设计与开发步骤
人力资源小程序的设计与开发步骤
|
5天前
|
小程序 API 数据安全/隐私保护
微信小程序开发中的一些常用标签
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。
18 5