微信小程序开发图解案例教程:附精讲视频(第3版)
上QQ阅读APP看书,第一时间看更新

1.1 微信小程序介绍

1.1.1 初识微信小程序

1-1 微信小程序介绍和开发准备

微信小程序(简称小程序)是一个基于“去中心化”而存在的平台,它没有聚合的入口,核心场景入口不断丰富,流量入口已经超过60个,用户访问量前20的场景入口如下。

(1)微信群聊入口。

(2)微信聊天主界面下拉入口。

(3)App分享消息卡片。

(4)发现栏小程序主入口。

(5)发现栏小程序主入口搜索框的搜索结果页。

(6)单人聊天会话中的小程序消息卡片。

(7)小程序打开小程序。

(8)扫描二维码。

(9)小程序模板消息。

(10)公众号自定义菜单。

(11)公众号文章。

(12)公众号模板消息。

(13)微信钱包。

(14)从另一个小程序返回。

(15)长按图片识别小程序码。

(16)顶部搜索框搜索使用过的小程序列表。

(17)扫描小程序码。

(18)小程序profile页。

(19)顶部搜索框的搜索结果页。

(20)我的卡包。

例如,在微信中的“发现”界面可以找到小程序的入口,如图1.1所示。

图1.1 微信小程序入口

小程序的界面和使用方法与App类似。图1.2所示是几个已发布的常用微信小程序界面。

图1.2 常用微信小程序界面

用户需要下载、安装才可以使用App,安装时还要考虑App占用多大存储空间,如果存储空间不够使用,就需要卸载不用的App以释放空间,在安装App时还需要考虑是否耗用手机流量等问题。微信小程序则无须安装,可以直接使用,不占用存储空间,不需要考虑安装应用时耗用手机流量,并且在使用微信小程序后,可以用完即走。例如,我们去餐馆点菜,并不需要去下载这个餐馆的App,只需要在餐馆扫一下二维码,即可在小程序里点菜,之后并不需要去卸载App,直接关闭小程序即可。

微信小程序看起来是程序,但它以完全不同于App的状态出现,具有更灵活的应用组织形态。

1.1.2 微信小程序的功能

小程序提供的功能如下。

(1)分享页功能。用户可以将小程序的当前页面分享给好友,如分享北京到上海火车票列表页面,用户打开时是这个页面的实时数据,而不需要再次启动微信小程序。

(2)分享对话功能。用户可以将对话分享给好友或者微信群。

(3)线下扫码进入微信小程序功能。该功能提示用户附近有哪些微信小程序可以使用,扫描二维码就可以使用微信小程序。

(4)挂起状态功能。例如,用户使用微信小程序时可以先接电话,接完电话后可以继续使用微信小程序进行相关操作。

(5)消息通知功能。商户可以发送消息给接受过服务的用户,用户也可以使用微信小程序的客服功能联系商户。

(6)实时音视频录制播放功能。通过此功能可以随时随地进行直播或者录播。

(7)硬件连接功能。通过使用NFC功能,可以把手机当成公交卡、门禁卡等使用;通过Wi-Fi连接功能,可以进行Wi-Fi连接。

(8)小游戏功能。使用微信小程序制作的“跳一跳”小游戏,让游戏大门从此打开,让用户知道小程序也可以制作游戏。

(9)公众号关联功能。微信小程序可与公众号进行关联,公众号可关联不同主体的3个小程序,还可关联同一主体的10个小程序,一个小程序可关联最多500个微信公众号,并且在公众号的推文里可以插入微信小程序。

(10)搜索查找功能。用户可以根据关键字或品牌名称查找小程序。

(11)识别二维码功能。用户长按识别小程序码可以进入小程序。

1.1.3 微信小程序的使用场景

从微信小程序上线开始,各种小程序如雨后春笋般出现。那么小程序有哪些适合的使用场景呢?在发布小程序的时候,要选择服务类目,通过这些服务类目,能知道小程序的使用场景。服务类目分为个人服务类目和企业服务类目。个人服务类目是以个人为开发主体的小程序,服务范围少;企业服务类目是以企业为开发主体的小程序,服务范围大。

1.1.4 微信小程序能取代App吗

原生App一般要同时开发iOS和Android两版,而小程序只需要做一版。毫无疑问,这点是小程序最大的优势。从这个角度来看,小程序是“跨平台”的。小程序经过几年的发展,逐渐成为与iOS、Android、公众号、网站并行的流量入口。各个企业在发布自己的产品的时候,往往会发布iOS版、Android版、H5版、网站PC版、公众号版、微信小程序版,都是作为产品流量的入口,并没有出现谁取代谁的现象。但是小程序可以快速构建出一个产品应用,门槛低、成本低、发布快是各大企业制作小程序的原因。

除了微信小程序,企业巨头也纷纷推出自己的小程序。例如,阿里巴巴公司推出了支付宝小程序,支付宝小程序整合了阿里巴巴丰富的运营工具,凭借强大的开放能力,帮助B端商户更好地运营;百度公司推出了百度智能小程序,凭借“搜索+信息流+AI”三驾马车的强力拉动,让其有能力扮演好百度实现新连接的“管道工”角色;抖音平台也推出了抖音小程序,抖音丰富的短视频内容和聚集红人的超强能力,天然契合游戏、泛娱乐和电商类小程序,抖音基于用户兴趣标签的内容推荐机制,又能保证这类小程序的分发和变现效率。

1.1.5 微信小程序的发展历程

微信小程序从开始研发、正式发布到推广使用,经历了以下发展时期。

(1)2016年1月9日,微信团队首次提出应用号的概念。

(2)2016年9月22日,微信公众平台对外发送小程序内测邀请,内测名额200个。

(3)2016年11月3日,微信小程序对外公测,开发完成后可以提交审核,但公测期间不能发布。

(4)2016年12月28日,张小龙在微信公开课中解答外界对微信小程序的几大疑惑,包括没有应用商店、没有推送消息等。

(5)2016年12月30日,微信公众平台对外公告,上线的微信小程序最多可生成10 000个带参数的二维码。

(6)2017年1月9日,微信小程序正式上线。

(7)2017年3月27日,个人开发者可以申请小程序开发和发布。

(8)2017年4月17日,小程序代码包大小限制扩大到2MB。

(9)2017年4月20日,腾讯公司发布公众号关联小程序新规则。

(10)2017年5月12日,腾讯公司发布“小程序数据助手”。

(11)2017年12月28日,微信更新的6.6.1版本开放了小游戏。

(12)2018年1月18日,微信提供了电子化的侵权投诉渠道,用户或者企业可以在微信公众平台及微信客户端入口进行投诉。

(13)2018年1月25日,微信团队在“微信公众平台”发布公告称“从移动应用分享至微信的小程序页面,用户访问时支持打开来源应用”。

(14)2018年3月,微信正式宣布小程序广告组件启动内测,内容还包括第三方可以快速创建并认证小程序、新增小程序插件管理接口和更新基础能力,开发者可以通过小程序来赚取广告收入。

(15)2018年4月,通过公众号文章可以打开小程序,开放微信小程序游戏接口。

(16)2018年5月,支持App打开小程序。

(17)2018年6月,小程序支持打开公众号(关联的公众号)文章;开发者工具更新,包括代码云托管、优化预览方式和界面布局;代码包大小限制扩大为8MB。

(18)2018年7月,品牌搜索开放,推出品牌官方区和微主页,任务栏出现“我的小程序”入口。

(19)2018年8月,微信小程序云开发上线,支持iPad打开小程序,小程序后台数据分析及插件功能升级,通过云开发控制台可以查看用户数据。

(20)2018年9月,微信“功能直达”功能正式开放,商家与用户的距离可以更“近”一步:用户使用微信搜一搜功能词,搜索页面将呈现相关服务的小程序,点击搜索结果,可直达小程序相关服务页面。

(21)2018年10月,小程序支持主体迁移。

(22)2019年8月,微信向开发者发布新能力公测与更新公告,微信PC版新版本支持打开聊天中分享的小程序。

1.1.6 微信小程序带来的机会

微信小程序给很多想做程序员的有志人士提供了机会,因为它的门槛很低,不需要太难的技术。学会微信小程序开发,就可以成为一名“小程序员”。例如,设计师、学生、创业者、待业青年、“网虫”、策划人员、编辑、“草根”站长等都可以转做程序员。

微信小程序给企业提供了流量入口,企业可以通过小程序推广自己的产品。经过腾讯公司的大力扶持,小程序已经成为各个企业非常看重的流量入口。