小程序开发不求人电子书.pdf
《小程序开发不求人电子书.pdf》由会员分享,可在线阅读,更多相关《小程序开发不求人电子书.pdf(143页珍藏版)》请在咨信网上搜索。
1、1 3 Contents 小程序开发不求人小程序开发不求人 第一章第一章 支付宝小程序介绍及开发准备支付宝小程序介绍及开发准备.4 介绍.5 小程序开发准备.10 第二章第二章 支付宝小程序开发者工具介绍支付宝小程序开发者工具介绍.12 第三章第三章 支付宝小程序开发基础知识支付宝小程序开发基础知识.21 支付宝小程序代码结构及组成.22 支付宝小程序 API.60 支付宝小程序组件.81 支付宝小程序开放能力.103 第四章第四章 支付宝小程序快速示例支付宝小程序快速示例.112 第五章第五章 小程序协同工作及版本管理小程序协同工作及版本管理.119 小程序成员管理.120 小程序版本管理.
2、125 第六章第六章 小程序基础库更新迭代小程序基础库更新迭代.128 基础库更新迭代.129 第七章第七章 IoT 小程序开发及刷脸支付实现小程序开发及刷脸支付实现.132 IoT 小程序开发及刷脸支付实现.133 第八章第八章 小程序模板及插件开发应用小程序模板及插件开发应用.135 小程序模板介绍.136 小程序插件介绍.138 4 Chapter 1 第一章 支付宝小程序介绍及开发准备 5 介绍介绍 支付宝小程序为何如此重要?支付宝小程序为何如此重要?小程序即用即走、无需下载的特性为大量用户提供了更便捷的使用方式。如今的支付宝 App 已是移动互联网生态的超级 App 之一,小程序这种
3、轻量化的解决方案,可以让更多的外部开发者通过支付宝来服务更多客户,同时也可以让支付宝平台拓展出更多的开放服务能力,以满足用户多样化的需求。早在 2017 年,当支付宝小程序还只是一堆代码时,支付宝就曾明确谈过它的定位:“用互联网的技术、产品帮助商家更好地服务用户用互联网的技术、产品帮助商家更好地服务用户”。2019 年 9 月 17 日,在“支付宝开放日小程序年度峰会”上,阿里巴巴合伙人、支付宝事业群总裁倪行军(苗人凤)透露,支付宝平台已累计上线 100 多万个小程序,月活用户突破 5 亿。更重要的是,和微信小程序集中于游戏、直播领域的情况不同,支付宝百万级的小程序中,有 70%集中于线下的商
4、业生活服务领域,这恰好是离钱最近的地方。支付宝小程序是怎样做到的?支付宝小程序是怎样做到的?基于商家需求和平台特性,打造运营玩法基于商家需求和平台特性,打造运营玩法 除了 C 端用户的支付和生活服务需求之外,支付宝多年来还积累了几千万的 B 端商户,希望更好地服务这些客户。而小程序跟大平台的完美结合,无疑大大满足了商家对流量获取、精准营销、提高用户留存率等核心需求。支付宝小程序在运营玩法中提供包括了支付宝中心化频道触达用户机会的官方流量奖励,和支持在支付宝 APP 端开放链接用户的入口的自运营工具支持。中心化频道开放中心化频道开放 支付宝鼓励生态商家在端内持续运营小程序,推出了长期的流量奖励政
5、策。一起分享支付宝中心化频道触达用户机会,支付宝首页、会员频道、惠支付、花呗频道、信用频道、社区生活等更多的频道逐步开放。自运营入口开放自运营入口开放 在支付宝 App 端开放链接用户的入口,更便捷地让合作伙伴结合自身运营诉求进行自运营,支付成功页、生活号、朋友 TAB、小程序收藏、搜索栏、账单页、二维码扫一扫、卡包等多个支付宝端内入口和工具,帮助商家打造拉新留存促活的运营闭环。6 以“轻会员”为例。说是会员,实际上是一种特殊的会员营销工具。通过结合芝麻信用与花呗特性,“轻会员”可以让消费者无需预付任何费用即可成为会员,先享受优惠权益,到期后再结算会员费,最核心的特点是可以先享后付。之所以“轻
6、”,是因为配置即可上线,而且没有底层的后台,更多是会员营销方式的改变。例如知名茶饮品牌“奈雪的茶”,在“奈雪点单”小程序上,办理“轻会员”的用户比未办理用户下单量高出 42%,客单价提升了 68%,基本上算是一个超级用户的雏形。相对而言,这种会员模式对 B 端和 C 端都能形成一种对等的保护:帮 B 促营收,刺激 C 消费。对于商家来说,可以快速刺激回头客,拉复购。“一云多端一云多端”背后的阿里开放生态背后的阿里开放生态 阿里巴巴正在做的事情是:全面拥抱小程序,为小程序提供全面的技术、业务、生态的支持,能够帮助我们的企业在未来的云生态里面走的更远。小程序云是面向小程序场景提供的一站式云服务,帮
7、助开发者实现一云多端的业务战略,提供了有服务器和无服务器两种模式。跨端开发工具链为开发者提供了一次开发全网小程序运行的能力,并在一朵云内实现统一的资源管理、统一的数据运营和统一的业务设计。小程序多端发布则与商家一起分享阿里集团多端触达用户的机会,手机淘宝、高德、UC 浏览器等阿里集团更多亿级用户 APP 逐步开放。开发者可使用同一套代码,发布到阿里开放生态的各个端,降低开发成本。一次开发、多端投放,全方位享受阿里经济体红利的基础正在成型。通过阿里小程序矩阵,商家也可以打造品牌效应、提高用户粘性,获取更大的商业价值。同时,基于支付宝开放平台的战略,小程序可以将开发者背后大量的第三方企业的开发能力
8、聚合到平台,以此加固阿里的生态体,最终成为其构建多元化盈利渠道的重要工具和竞争手段。7 未来,阿里系的几大超级 App,包括淘宝、钉钉、高德、饿了么等,底层能力都将打通,形成无缝对接。这意味着,阿里系的多元化能力,可以随意组合了。比如,小程序不仅可以拥有支付宝的花呗分期能力,还可以拥有菜鸟的物流能力、饿了么的配送能力、高德的 LBS 能力等等。这些能力都以开放能力功能包的形式汇聚到一个开放能力市场里。开发者在开发应用的时候,可以方便地获取功能包,接入对应的 API,进行“拼积木式组装”。这相当于集众家之长,组成一个神通广大的“混血儿”。举个例子,用户想吃火锅,便在高德搜索附近的海底捞,然后开车
9、去,导航结束时,高德 App 会自动弹出海底捞支付宝小程序,用户可以直接进行点餐、领优惠券;亦或者,用户想去商场逛街,导航结束时,高德 App 弹出相应商场的支付宝8 小程序,小程序里面有停车服务、有商场里面一些餐厅、服装店的优惠券,用户可以快速领取。目前,以上两种场景已经实现。虽然阿里系小程序还处于萌芽早期,落地层面案例还不多,不过随着各大超级 App 底层能力的互通,势必会实现多场景的打通和串联。当谈起支付宝小程序,我们是在畅想怎样的未当谈起支付宝小程序,我们是在畅想怎样的未来?来?新的时代需要新的工具设施。小程序的诞生与兴盛,是当下阶段,人们加速拥抱移动互联网时代、拥抱碎片化消费时代的集
10、中反映。未来小程序这个载体会变,但数字时代数字化经营的大基础不会变。2018 年,时任阿里巴巴集团首席执行官的张勇,提出阿里的新目标是要做商业操作系统“在阿里巴巴经济体中,包括购物、娱乐、本地生活等多元化的商业场景及其形成的数据资产,与阿里巴巴正在高速推进的云计算一经结合,共同形成了独特的阿里巴巴商业操作系统。在这个操作系统当中,各个商业部门既产生数据,又运用数据,形成一个庞大而丰富的有机循环。”支付宝小程序的崛起,是对阿里商业操作系统的正式落地。加之,小程序有三个特色钱、服务、信任;两个聚焦商业和生活服务;一个坚持坚持安全可靠。这些正是阿里商业操作系统所需要的。在阿里商业操作系统的构想中,阿
11、里生态将为企业输出一整套的数字化能力,而非提供单一工具。阿里经济体内的品牌、商品、销售、营销、渠道、制造、服务、金9 融、物流供应链、组织、信息管理系统等企业运营中的 11 大商业要素,都会融合性地助力零售业的数字化转型,改造商业结构、创造出新的需求和市场;而集成这 11 种商业要素的最佳载体,就是小程序。小程序是阿里打造数字经济体的重要组成部分,将坚持开放路线,不管是流量、能力还是模式,跑通一个,开放一个,成熟一个,开放一个。阿里巴巴的使命是让天下没有难做的生意,支付宝小程序的初心亦是如此。在阿里巴巴 20 周年的演讲中,新任阿里巴巴集团董事局主席张勇说:“我们今天处在最好的时代,因为这个时
12、代,才有 20 年阿里巴巴的发展。我们要感恩,我们希望不断为社会创造价值,为社会承担更多的责任。”“如果,因为我们的努力,社会能进步;因为努力,商家能更好;我们将由衷高兴。我们希望客户、合作伙伴过得比我们好。”10 小程序开发准备小程序开发准备 作为一名新入门的开发者,想要从开发小程序到开展业务,我们需要经历哪些阶段呢?通过下图所示,您可以大致了解小程序的开发流程阶段。开发准备开发准备 本章将着重为大家介绍小程序的开发前期准备工作。在开发小程序之前,您需要完成下列准备工作:一、注册入驻一、注册入驻 您需要拥有支付宝账户,然后以开发者身份入驻 支付宝开放平台,才能创建小程序。11 二、创建小程序
13、二、创建小程序 在实际开发之前,您需要在后台创建空白小程序。此步骤仅起到命名作用,小程序的实际内容还需后续开发。创建步骤:创建步骤:1.登录 小程序开发中心,可以看到 我的小程序我的小程序 页面。2.在 我的小程序 页面点击 开始创建开始创建。3.填写 小程序名称,小程序名称,点击 创建创建。三、安装开发工具三、安装开发工具 下载并安装 小程序开发者工具(简称 IDE)的最新版本。请根据操作系统选择对应的开发工具:Windows 64 位或 MacOS。其它操作系统下暂时未提供开发工具。12 Chapter 2 第二章 支付宝小程序开发者工具介绍 13 界面介绍界面介绍 启动界面启动界面 在小
14、程序开发者工具(简称 IDE)的启动界面,开发者可以新建项目、打开现有项目、删除最近项目记录。新建项目新建项目 新建项目类型分为两类:示例示例模板模板 与 空白脚手架空白脚手架。示例模示例模板板项目项目 开放平台提供入门、UI、开放能力三类模板,内含大量示例代码(仍在持续更新中),为开发者演示如何实现小程序各项能力(参见 快速示例)。新建步骤如下:1.点击 模模板板选取选取 标签。2.点击需要创建的模板,然后点击 下一步下一步;或者直接双击所需模板卡片。3.在 新建项目 页面:a.设置 项目名称项目名称 与 项目路径项目路径;b.点击 完成完成,进入主界面。14 空白脚手架项目空白脚手架项目
15、空白脚手架仅包含最基础的文件结构。新建步骤如下:1.在左侧边栏选择 项目类型项目类型(例如支付宝小程序、淘宝商家应用等类型)。2.在 最近使用最近使用 列表中,点击 卡片。3.在 新建项目 页面:a.设置 项目名称项目名称 与 项目路径项目路径;b.选配 后端服务后端服务:不启用云服务、小程序 Serverless 或 小程序云应用;c.点击 完成完成,进入主界面。打开项目打开项目 本地现有项目也有两种打开方式:选择最近项目选择最近项目 与 选择项目文件夹选择项目文件夹。选择最近项目选择最近项目 在启动界面 最近使用最近使用 列表中,点击需要打开的项目,然后点击 打开打开;或者直接双击所需项目
16、卡片。选择项目文件夹选择项目文件夹 1.点击右上角的 打开项目打开项目,弹出文件窗口。2.导航至项目文件夹,点击 选择文件夹选择文件夹。3.在 打开本地项目 页面:a.确认或修改 项目名称项目名称 与 项目类型项目类型;b.点击 打开打开,进入主界面。删除最近项目记录删除最近项目记录 如需维持启动界面整洁,首先右键点击希望清理的项目卡片,然后点击 删除删除。注意:注意:此项操作仅会清理启动界面记录,不会实际删除硬盘中的项目文件。主界面主界面 小程序开发者工具的主界面由 菜单栏菜单栏、工具栏工具栏、功能面板功能面板、编辑器编辑器、调试器调试器、模模拟器拟器 组成。15 主界面各区域简要说明:1.
17、菜单栏菜单栏:文件、编辑、窗口、工具、帮助等基础功能。2.工具栏工具栏:更改小程序类型与关联、显示/隐藏界面区域、真机调试与预览等功能。3.功能面板功能面板:切换文件树、搜索、git 管理、npm 管理、插件市场、实验室、云服务等边栏。4.编辑器编辑器:输入与修改代码的区域。5.调试器调试器:用于模拟器调试、真机调试、性能调试。6.模拟器模拟器:模拟运行小程序,便于快速预览、初步调试。说明:使用工具栏中部三个按钮,可以显示或隐藏界面主要区域,其中 编辑器编辑器 与 调试器调试器 无法同时隐藏。工具栏工具栏 小程序开发者工具(简称 IDE)的工具栏位于主界面顶部,包含 IDE 中最常用的主要功能
18、。本文档从左至右介绍各项功能。小程序小程序 16 选择小程序的运行环境类型(默认为支付宝小程序),此外还支持淘宝、钉钉、高德等运行环境(参见 多端支持多端支持)。关联小程序关联小程序 每个开发者账号可以拥有多个小程序的开发权限,因此需要关联具体小程序,决定小程序代码的上传位置。在此项下拉列表中,点击+创建小程序创建小程序,进入小程序管理页面,可以创建小程序供后续关联。说明:说明:在创建小程序命名时,注意遵循名称规范。如需关联其他账号中的小程序,但开发者账号还没有开发权限的话:1.使用主账号登录小程序开发中心,点击所需小程序,跳转至开发管理页面。2.在左侧导航栏选择 成员管理成员管理,点击 添加
19、添加,按照提示添加开发成员。3.使用开发者账号在支付宝客户端 朋友朋友 服务提醒服务提醒 中接受邀请。4.使用开发者账号登录 IDE,关联小程序。关联云服务关联云服务 说明:说明:在最初新建项目环节,如果后端选用云应用,此项功能才会显示。如果未启用云服务或者选用 Serverless,此项功能则会隐藏。每个小程序可以创建多个云应用,而云应用又包含测试与正式环境。因此需要关联具体的云应用环境,决定云应用代码的上传位置。在关联云应用环境之后,此项下拉列表右侧会出现 按钮,用于上传代码与管理云应用。在此项下拉列表中,点击+创建新服务创建新服务,进入云服务管理页面,可以创建云应用 后续关联。显示显示/
20、隐藏界面区域隐藏界面区域 点击 编辑器编辑器、调试器、模拟器,调试器、模拟器,可以分别显示与隐藏这三个区域。说明:说明:功能面板/编辑器 会同时显示/隐藏,而 编辑器/调试器 无法同时隐藏。17 编译模式编译模式 在普通编译模式下,小程序初始的启动页面是 app.json 文件 pages 列表的首个页面,且不带任何参数。如需快速调试其他页面 或 设置参数:1.在此项下拉列表中点击+添加编译模式添加编译模式。2.在弹窗中填写 模式名称模式名称、页面参数页面参数、全局参数全局参数,选择 启动页面启动页面,点击 确定确定。3.随后模拟器将会改用新的启动页面,同时自动传入设置好的参数。说明:说明:弹
21、窗中如果勾选 下次编译时模拟更新下次编译时模拟更新,可以模拟小程序更新效果,详情请参见 UpdateManager。清除缓存清除缓存 清除 数据缓存数据缓存、授权数据授权数据、文件缓存文件缓存、构建缓存、网络缓存。构建缓存、网络缓存。真机调试真机调试 通过 IDE 远程至真机,设置断点、查看运行信息。详情请参见 真机调试。说明:说明:如不希望频繁扫码,可以使用 自动预览自动预览 选项。预览预览 使用真机预览小程序,初步查看 API 真机调用效果。说明:说明:如不希望频繁扫码,可以使用 自动预览自动预览 选项。上传上传 上传项目代码至关联小程序的后台空间。在小程序完成开发之后,项目代码需要打包上
22、传至开放平台,然后才能提交审核与发布上线。目前只能上传图片不支持上传视频。前提条件前提条件 在上传代码之前,本地项目需要关联至后台小程序,用于确定上传位置。如果尚未关联,点击工具栏右侧的 上传上传 菜单时,会有弹窗提示进行关联。IDE 中选择的小程序与后台查看版本详情的小程序需要保持一致。上传方法上传方法 18 1.在工具栏右侧的 上传上传 菜单栏中,点击 上传上传 按钮。2.上传成功之后,后台会生成新的开发版本条目。查看方法:登录 小程序开发中心,点击所需小程序,版本条目会在开发管理页面的 版本详情版本详情 区域显示。上传之前的选项:上传版本上传版本:每次上传时版本默认递增 0.0.1(本次
23、版本必须大于线上版本),从而确保后台每份代码版本唯一。创建预创建预审核审核任务任务:免费调用一台真机进行测试(每天 5 次限额),详情请参见 预审核。配置域名白名单配置域名白名单 在上传之前阶段(模拟器预览/调试、真机预览/调试),小程序默认不会限制域名访问;但在上传之后阶段(体验版本、审核版本、灰度版本、线上版本),小程序只能访问白名单域名。若未成功配置白名单,可能会导致小程序页面白屏。详细操作可参见 配置 H5 服务器域名白名单。配置步骤:配置步骤:1.登录 小程序开发中心,选择所需小程序。2.在左侧导航栏点击 设置设置,进入设置页面。3.点击 开发设置开发设置 标签,在 服务器域名白名单
24、服务器域名白名单 区域点击 添加添加。4.填写所需域名,点击 确定确定。注意:添加的域名必须支持注意:添加的域名必须支持 HTTPS HTTPS 协议,而且已经完成备案。协议,而且已经完成备案。详情详情 查看关联应用名称、项目本地目录、线上版本。选择是否启用自定义组件 component2 编译、axml 严格语法检查。查看 my.request、web-view 域名白名单信息。设置是否忽略这两项域名检查。注意:注意:小程序 体验版体验版 与 提审之后版本提审之后版本 无法继续忽略检查,届时请务必设置域名白名单!域名白名单设置入口有两处:在详情页面,点击 域名信息域名信息 右侧蓝色按钮,进入
25、设置页面,点击 开发设置开发设置。登录 我的小程序我的小程序,选择所需小程序;从左侧边栏进入 设置设置 开发设置开发设置。19 登录登录/用户头像用户头像 在开发者未登录时,显示 登录登录 按钮。在开发者登录后,显示开发者头像。可以查看消息通知,或者退出登录。模拟器模拟器 小程序项目通过编译之后,自动在模拟器中运行,无需真机即可快速预览。基础互动方式是通过鼠标点击、拖拽来模拟手指触摸、拖动操作。在默认设置下,每次保存已变更代码时都会触发模拟器自动刷新,实现准实时预览效果。关闭自动刷新的方法:取消勾选模拟器右下角 自动更新自动更新。模拟器布局模拟器布局 模拟器顶部各项功能(从左至右):设备尺寸设
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 程序 开发 求人 电子书
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【Stan****Shan】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【Stan****Shan】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。