【前言】小程序是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。
一、⭐小程序特点
小程序对于大家来说就已经是很常见的事情喽~,其特点精简下来就是一句话:不需要下载App就可以使用。
特点:无需下载(小程序体积非常小(不超过 2M),用户感知不到下载的过程)。
理念:用完即走(用户随时退出小程序,不需要关注小程序本身)。
入口:扫一扫、搜一下、群聊…
二、⭐ 基础前置
学习之前我们需要先了解下一个开发小程序的软件——微信开发者工具。我们将会用这个软件完成我们项目的一个制作。(后面为了做多端时会用上uni-app技术配合HBulider软件开发。这个内容我留在以后讲)
①注册个账号
首先是需要去微信公众平台注册一个账号
1.1选择注册的账号类型
1.2填写账号信息
🤔 提示:这里要注意所填写的邮箱要求曾经没有注册过小程序、服务器、订阅号。
1.3邮箱激活
1.4点击链接激活账号
1.5选择主体类型
1.6主体登记信息
②填写小程序信息
账号注册完毕后不能立刻使用,还需要进一步对小程序的信息进行完善,如下图所示。
③获取 AppID
AppID 是小程序的唯一标识,在对小程序进行开发或者上线发布时都会用到 AppID,获取方式如下图所示。
④开发者工具
微信开发者工具是官方提供的专门用于微信小程序开发调试的工具,它提供的主要功能如下。
快速创建小程序项目(起到脚手架的作用)。
代码的查看和编辑(相当于 VSCode 作用)。
对小程序功能进行调试(相当于浏览器作用)。
小程序的预览和发布。
三、⭐ 目录介绍
首次进来点击编译将会看到下文结构
1.目录文件介绍
类型名称 作用 是否必须
.wxml 用于页面的布局结构,相当于网页中 .html 文件 是
.wxss 用于页面的样式,相当于网页中的 .css 文件 否
.js 用于页面的逻辑 是
.json 用于页面的配置 否
2.再来看一些特定名称的文件
文件名 作用 是否必须存在
app.js 小程序入口(首先执行的文件) 是
app.json 小程序的全局样式 是
app.wxss 小程序的全局样式 否
project.config.json 小程序开发者工具配置 是(会自动创建)
project.private.config.json 私有的配置 是(会自动创建)
sitemap.json 小程序搜索优化 否