搜索
第01章微信小程序入门《微信小程序开发零基础入门》•主讲老师：周文洁•学校名称：安徽师范大学01小程序概述02准备工作03开发工具04未来展望01小程序概述01小程序概述微信小程序也被简称为小程序，其英文名称是MiniProgram。它是一种存在于微信内部的轻量级应用程序。微信研发团队在其官方网页上有一段关于微信小程序的介绍:“小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。”小程序简介0101小程序概述微信创始人张小龙曾在朋友圈上发布关于小程序的定义：这也是小程序的几个重要特点：无需下载安装、用完即走、随时可用。小程序简介01小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念。用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。01小程序概述微信小程序于2017年1月9日正式发布，当天在微信的“发现”页面出现小程序入口。往前追溯十年——2007年1月9日正好是第一代iPhone手机正式发布。小程序诞生0201小程序概述这两者之间并不是巧合，张小龙随后在朋友圈发出一条写着“2007.1.9”的状态，同时配有iPhone第一代的新品发布图。张小龙以这样的形式，向乔布斯致敬。小程序诞生0201小程序概述小程序功能03小程序页对话分享搜索查找公众号关联线下扫码小程序切换消息通知历史列表01小程序概述注册开发者需要首先在微信公众平台上进行小程序账号注册。信息完善开发者注册完毕后需要填写小程序的基本信息。开发下载开发工具进行小程序的开发与调试工作。提交审核与发布完成小程序后需要进行代码上传，然后由管理员提交代码等待微信团队审核，审核通过后即可正式发布。小程序创建步骤0402小程序的准备工作02小程序的准备工作开发者首先需要在微信公众平台上注册一个小程序账号才能进行后续的代码开发与提交工作。访问微信公众平台官网首页（mp.weixin.qq.com），然后单击右上角的“立即注册”按钮进入账号类型选择页面。注册开发者账号0102小程序的准备工作在当前页面上选择注册的账号类型为“小程序”，即可进入小程序的正式注册页面。注册开发者账号0102小程序的准备工作小程序的正式注册页面包含三个填写步骤：账号信息、邮箱激活、信息登记。1.账号信息填写在账号信息填写页面需要填写邮箱、密码、确认密码、验证码以及勾选确认协议条款。注册开发者账号0102小程序的准备工作2.邮箱激活提醒当提交注册后会看到邮箱激活提醒。注册开发者账号0102小程序的准备工作2.邮箱激活提醒登录对应的注册邮箱查看激活邮件，单击邮件正文中的链接地址会跳转回到微信平台页面完成账号激活。注册开发者账号0102小程序的准备工作3.信息登记邮箱账号激活完成后就进入了信息登记页面。其中注册国家/地区保持默认内容“中国大陆”，然后根据实际情况进行主体类型的选择。注册开发者账号0102小程序的准备工作3.信息登记目前小程序允许注册的主体类型共有五种，包括：个人、企业、政府、媒体以及其他组织。注册开发者账号01账号主体类型解释个人必须是年满18岁以上的微信实名用户，并且具有国内身份信息。企业企业、分支机构、个体工商户或企业相关品牌。政府国内、各级、各类政府机构、事业单位、具有行政职能的社会组织等。目前主要覆盖公安机构、党团机构、司法机构、交通机构、旅游机构、工商税务机构、市政机构等。媒体报纸、杂志、电视、电台、通讯社、其他等。其他组织不属于政府、媒体、企业或个人的其他类型。02小程序的准备工作3.信息登记选择“个人”类型之后在页面下方会自动出现主体信息登记表单。注册开发者账号0102小程序的准备工作3.信息登记开发者需要如实填写身份证姓名、身份证号码、管理员手机号（注：一个手机号只能注册5个小程序），然后单击“获取验证码”按钮等待手机短信。收到的短信中会提供一个6位验证码。注意验证码必须在十分钟之内填写，否则会失效需要重新获取。注册开发者账号0102小程序的准备工作3.信息登记填写完成后在下方管理员身份验证栏目会自动出现一个二维码。此时需要管理员用本人微信扫描页面上提供的二维码来进行身份确认。这种验证方式是免费的，不会扣取任何费用。注册开发者账号0102小程序的准备工作3.信息登记扫码后手机微信会自动跳转到微信验证页面。检查微信验证页面上所显示的姓名和身份证号码，确认无误后点击“确定”按钮会提示身份验证成功。注册开发者账号0102小程序的准备工作3.信息登记此时该微信号就会被登记为管理员微信号，并且PC端的网页画面也将同步提示“身份验证成功”。注册开发者账号0102小程序的准备工作3.信息登记单击“继续”按钮进行下一步，系统会跳出一个提示框让开发者进行最后的确认。单击“确定”按钮完成主体信息确认。注册开发者账号0102小程序的准备工作3.信息登记当前可以直接单击“前往小程序”按钮进入小程序管理页面。注册开发者账号0102小程序的准备工作3.信息登记此时账号是默认登录后的状态，可以直接进行小程序的后续管理工作。现在小程序的账号注册就全部完成了，之后可以访问微信公众平台（mp.weixin.qq.com）手动输入账号和密码登录进入小程序管理页面。注册开发者账号0102小程序的准备工作账号注册完成后，还需要完善一下小程序的基本信息。小程序信息完善02填写内容填写要求修改次数小程序名称小程序名称需要控制在4-30个字符以内，并且不得与平台内已经存在的其他账号名称重名发布前有2次改名机会，2次改名次数用完后，必须先发布再通过微信认证改名小程序头像图片格式只能是：bmp、jpeg、jpg或gif其中的一种，并且文件大小不得大于2M；注意头像图片不允许涉及政治敏感与色情内容；图片最后会被切割为圆形效果每个月可修改5次小程序介绍字数必须在4-120个字符之间，介绍内容不得含有国家相关法律法规禁止的内容每个月可以申请修改5次服务范围选择服务范围分为两级，每级都必须填写不可以为空；服务范围不得少于1个，不得多于5个；特殊行业需要额外提供资质证明每个月可以修改1次02小程序的准备工作1.小程序名称由于小程序名称不允许与平台内已经存在的其他账号名称重名，在填写好之后可以先自测一下是否符合要求，单击右侧的“检测”按钮即可进行验证。小程序信息完善0202小程序的准备工作2.小程序头像小程序头像也就是小程序最终显示的图标logo，图片最后会被切割为圆形效果。头像图片的格式只能是：bmp、jpeg、jpg或gif其中的一种，并且文件大小不得大于2M。注意头像图片不允许涉及政治敏感与色情内容。头像图片每个月可修改5次。小程序信息完善02根据官方提示，建议上传png格式图片并且图片尺寸为144*144像素以保证最佳效果。02小程序的准备工作3.小程序介绍小程序介绍可以由开发者自由填写关于小程序功能的描述，注意介绍内容不得含有国家相关法律法规禁止的内容。小程序介绍的内容每个月可以申请修改5次。小程序信息完善0202小程序的准备工作4.小程序类目小程序服务类目指的是小程序主要内容所属的服务范围。特殊行业需要额外提供资质证明。服务类目每个月只可以修改1次。服务类目的下拉表单分为两级，每级都必须填写不可以为空。小程序信息完善0202小程序的准备工作全部填写完毕后，就可以单击最下方的“提交”按钮提交小程序的基本信息。此时单击“添加开发者”按钮就可以进行小程序成员管理了。小程序信息完善0202小程序的准备工作除了管理员外，还可以为小程序追加其他项目成员。具有管理员身份的开发者登录后可以在小程序管理后台统一管理项目成员，并为他们分别设置对应的权限。成员管理0302小程序的准备工作1.成员类型说明项目成员可以被分配的不同权限解释如下：开发者：可以使用微信开发者工具进行小程序开发，也可以预览开发版小程序在手机端的效果；体验者：可以在手机端使用体验版小程序；登录：无需管理员确认即可登录小程序管理后台；数据分析：可以使用小程序数据分析功能查看小程序数据；开发管理：拥有小程序提交审核、发布和回退权限；开发设置：拥有设置小程序服务器域名、消息推送以及扫描普通链接二维码打开小程序的权限；暂停服务设置：拥有暂停小程序线上服务的权限。成员管理0302小程序的准备工作2.成员人数限制个人类型的小程序允许管理员添加15个开发者，其中5个开发者，10个体验者。其他类型的小程序开发者数量限制如下：•未认证未发布组织类型：30人；•已认证未发布/未认证已发布组织类型：60人；•已认证已发布组织类型：90人。成员管理0302小程序的准备工作3.成员变更说明每个小程序的管理员与项目成员都是允许变更的。需要注意的是，每个微信号作为项目成员最多可以参与到50个小程序中。成员管理0303小程序开发工具03小程序开发工具开发者登录小程序管理页面后台，然后单击右上角菜单栏中的“开发”选项即可切换到小程序开发工具的下载页面，也可以直接通过URL地址访问下载页面：（）。软件下载与安装0103小程序开发工具以Windows64版本为例，下载完成后会获得一个exe应用程序文件。上图中的“1.02.1801081”为软件版本号，“_x64”表示是Windows64位版本软件。可以根据文件名来再次确认是否了下载正确的版本。软件下载与安装0103小程序开发工具确认无误后可以双击该文件进行开发者工具的安装。软件下载与安装0103小程序开发工具安装完成后的页面如图所示。软件下载与安装0103小程序开发工具1.开发者身份验证与一般手动输入账号和密码的流程不同，微信web开发者工具是使用微信扫描二维码的方式验证开发者身份。在PC端双击微信开发者工具图标，会跳出二维码登录页面。开发者工具登陆0203小程序开发工具1.开发者身份验证开发者用手机微信扫描PC端的二维码来确认身份。手机端效果如图所示。开发者工具登陆0203小程序开发工具1.开发者身份验证在这个过程中，PC端的页面变化如图所示。开发者工具登陆0203小程序开发工具2.开发者账号切换微信开发者工具允许在同一台计算机上切换不同的开发者。如果用户登录后发现需要更换账号，可以单击菜单页面右下角的“切换账号”选项回到二维码扫描页面使用其他开发者微信账号重新扫码登录。开发者工具登陆0203小程序开发工具1.小程序官方文档小程序官网提供了技术文档供开发者学习，文档会更新各类小程序接口的用法。希望第一时间了解小程序有了哪些更新的读者可以关注。官方文档访问地址：其他辅助工具0303小程序开发工具2.微信开放社区微信开放社区中有一个开发者专区可以搜索常见问题和解答，也可以在遇到问题时上去提问，和其他开发者一起交流学习。开发者社区访问地址：其他辅助工具0303小程序开发工具3.小程序开发助手可以使用小程序开发者助手方便快捷的预览和体验线上版本、体验版本以及开发版本。开发者可以扫一扫开发者助手小程序码来使用相关功能。其他辅助工具0303小程序开发工具4.小程序运营数据小程序数据分析，是面向小程序开发者、运营者的数据分析工具，提供关键指标统计、实时访问监控、自定义分析等，帮助小程序产品迭代优化和运营。主要功能包括每日例行统计的标准分析，以及满足用户个性化需求的自定义分析。开发者在小程序上线后可以根据有两种方式可以方便的看到小程序的运营数据。•方法一：登录小程序管理后台--数据分析，然后单击相应的tab可以看到相关的数据。•方法二：使用小程序数据助手，在微信中方便的查看运营数据。开发者可以扫一扫图1-35所示的数据助手小程序码来使用相关功能。其他辅助工具0304未来展望04未