微信小程序开发项目实战（微课版）课件 项目1 初识微信小程序.pptx

项目一初识微信小程序任务一注册小程序MiniProgram

微信小程序简称小程序。张小龙于2017年1月9日在微信公开课上宣布其正式上线。小程序英文名是MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序简介项目一初识微信小程序触手可及应用体积小无需安装无需卸载特点

电商购物餐饮服务旅游出行金融服务教育培训生活服务小程序在微信内部承接了各类流量池的串联，完成流量/内容到交易的闭环职能。目前小程序打通了微信聊天、企业微信、公众号、视频号、朋友圈、搜一搜等多个流量池，引流渠道丰富多元的同时，小程序也承载着助力各模块多元化运营的使命。项目一初识微信小程序小程序简介

小程序的开发过程小程序信息完善提交审核和发布开发小程序注册小程序账开发者可以打开微信公众平台网址:/注册小程序管理账号，只有注册了账号，才能进行后续的代码开发与提交工作。注册小程序Next》项目一初识微信小程序

进入到小程序注册填写信息页面，填写的这个邮箱必须没有绑定过个人微信，也没有注册过微信公众平台下的订阅号或者服务号。码开发与提交工作。项目一初识微信小程序Next》

微信小程序公众号注册完成后，进入微信小程序管理后台，后台可以开发管理、用户身份、数据分析、模板消息等功能。Next》项目一初识微信小程序

成功注册好小程序开发者账号之后，直拉进行小程序后台管理页面或者登录到微信公众平台(/)查看个人的AppID。在左侧导航栏里选择“开发”-“开发管理”界面，在“开发设置”选项卡里查看到个人的AppID，如图所示。查看小程序的AppIDNext》项目一初识微信小程序

感谢观看THANK

项目一初识微信小程序任务二认识小程序开发者工具MiniProgram

为了帮助开发者简单和高效地开发和调试微信小程序，推出了微信开发者工具，该工具集成了公众号网页调试和小程序调试两种开发模式。工具在官方网站/miniprogram/dev/devtools/devtools.html上下载。安装微信开发工具Next》项目一初识微信小程序

下载完成后，双击wechat_devtools_1.05.2111300_x64.exe文件进行开发工具的安装。安装步骤如图-图所示。Next》项目一初识微信小程序

项目一初识微信小程序选择安装路径

Next》项目一初识微信小程序

项目一初识微信小程序体验微信小程序

成功登录之后，双击微信开发者工具，在左侧导航栏选择“小程序”选项，单击右侧的“+”按钮，进入创建小程序界面。Next》项目一初识微信小程序

Next》项目一初识微信小程序进入“创建小程序”界面，依次填入“项目名称”、“目录”、“AppID”、“开发模式”、“后端服务”、“语言”以及“模板选择”。为方便开发者开发和体验小程序、小游戏的各种能力，开发者可以申请小程序或小游戏的测试号。

Next》项目一初识微信小程序Next》当开发者创建项目之后，会进入到微信开发者工具的界面。从图中可以看出，微信开发者工具的主界面主要由菜单栏、工具栏、模拟器、资源区、编辑器、调试器组成。

Next》项目一初识微信小程序菜单栏：通过菜单栏可以访问微信开发者工具的大部分功能，常用的菜单如下：项目文件编辑工具转到选择视图界面设置帮助微信开发者工具

Next》项目一初识微信小程序工具栏：提供了一些常用功能的快捷按钮，具体说明如下：

Next》项目一初识微信小程序Next》模拟器：用于在计算机中模拟小程序在不同型号手机上的执行效果，小程序的代码通过编译后可以在模拟器上直接运行。开发者可以选择不同的机型，以及显示比例和字体大小。

Next》项目一初识微信小程序Next》资源区：在资源管理区里，可以添加新的文件，文件类型包括WXML、JS、WXSS和JSON。在资源管理区还可以创建新的文件夹。

Next》项目一初识微信小程序Next》编辑器：在代码编辑区中可以打开多个页面切换查看，在代码编辑区域，小程序提供自动联想功能。

Next》项目一初识微信小程序Next》调试器：调试工具主要包括Wxml、AppData、Console、Sources、Storage、Network、Memory、Security、Sensor、Mock、Audits、Trace和Vulnerability功能模块。

感谢观看THANK

项目一初识微信小程序任务二认识小程序开发者工具MiniProgram

为了帮助开发者简单和高效地开发和调试