迷你计划的基本知识1。了解哪些迷你程序是
什么是微信系
微信小程序是一个轻巧的应用程序,在微信中运行。
使用Mini程序时,您无需下载并安装它们。用户可以扫描或搜索以打开应用程序。它还反映了“使用后出门”的概念,用户不必担心安装太多应用程序。它意识到应用程序“触手可及”的梦想。该应用程序无处不在,可以使用,但是无需安装和卸载。
特征:
迷你程序的四个主要功能:无需安装,无需使用它,无需卸载,可以触及到
无需安装:尺寸小,用户无法感知您的触点下载过程:用户可以通过扫描或搜索打开应用程序,并且您可以在使用后可以通过下拉访问的Mini程序将在使用后离开,并且无需卸载安装
2。注册微信系帐户
迷你程序开发与网页开发不同。在开始微信中的Mini 开发之前,您需要访问微信公共平台并注册一个微信Mini 帐户。
只有在我们对迷你程序的帐户进行了帐户之后,我们才能制定和管理迷你程序。我们可以设置开发信息并通过帐户添加成员,或使用帐户查看和操作Mini计划的相关数据。
笔记:
在申请帐户之前,我们需要准备一个电子邮件地址,这需要:
1️⃣未由微信登记的公共平台注册
2️⃣未注册由微信开放平台注册
3️⃣**不受个人微信帐户的约束! **如果您被束缚,则需要解开或使用其他电子邮件地址
打开微信公共平台,然后单击立即注册
选择注册帐户类型,在这里我们需要选择小程序
输入帐户信息
电子邮件激活,您需要输入电子邮件以激活
信息注册,注册类型(需要选择中国大陆和个人,其他企业需要资格认证)
注册和确认主题信息
注意:
执行管理员身份验证时,建议使用自己的微信扫描代码。
将自己设置为帐户的管理员,以促进未来的开发,会员资格和其他相关设置
迷你计划的注册已完成。单击以进入Mini程序以输入Mini 背景。
3。改进迷你计划帐户信息
完成Mini计划帐户的注册后,您可以打开微信公共平台,为Mini 帐户进行一些设置。这是您在开发之前的准备。您只能在改进后输入随后的开发步骤。这是因为当Mini计划提交以进行后续审查时,Mini 帐户信息是必需的项目。因此,在注册MINI程序后,您需要补充Mini程序的基本信息,例如名称,图标,描述等。
笔记:
填写迷你程序类别时,请勿选择游戏类型,否则微信官员将被视为迷你游戏开发
单击以填写并填写Mini程序的基本信息
单击要转到设置以设置小程序类别信息
单击右上角添加类别
管理员授权
移动微信进行身份验证
添加迷你程序类别,注意:选择类别时,请勿选择迷你游戏类别!呢呢呢
4。迷你程序开发人员ID
迷你计划的开发人员帐户是免费的。只要开发人员符合开发资格,您就可以免费注册并获取相应的开发人员ID。
完整的开发人员ID由**小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小小�组成。
迷你程序ID是整个微信帐户系统中Mini计划的唯一身份凭证。它将来将在许多地方使用,例如:创建新的迷你程序项目,真实的机器调试,发布迷你程序等时,您必须具有迷你程序ID。
Mini计划密钥是开发人员拥有迷你计划的所有权的证书。执行高级操作(例如微信登录,微信支付或发送消息)时将使用它。
在“微信公共背景”中,单击左侧的“开发”选项卡,选择“开发管理”,然后在新页面中单击“开发设置”,以查看开发人员ID信息。请正确保留您的小程序ID和密钥。它将经常在随后的开发中使用。请参阅下图获取位置:
5。发展和经验成员
该小程序提供了两个不同的成员角色:项目成员和经验成员
项目成员:参与迷你程序开发和运营的成员可以登录迷你计划管理背景,包括运营商,开发人员和数据分析师。管理员可以在成员管理中添加,删除项目成员并设置项目成员的角色。
经验成员:参加Mini计划内部测试的成员可以使用MINI计划的体验版本,但不是项目成员。管理员和项目成员可以添加或删除经验会员。
6。微信开发人员工具
为了帮助开发人员简单有效地开发和调试微信Mini计划,正式提供微信开发人员工具,这些工具可以轻松执行Mini 开发,代码查看,编辑,预览,预览和发布功能,例如发布。
在微信开发人员工具下载页面上,您可以看到微信开发人员工具包含三个版本:
稳定版本:高稳定性,通常建议每个人在开发过程中使用稳定版本。
预发行版本:稳定性可以,通常包含新的和大功能,并且已经通过了内部测试
开发版本:稳定性差,主要用于尽快修复敏捷发射的缺陷和小型特征。如果您想体验新功能,可以使用此版本
选择要下载的适当版本。下载完成后,双击下载的微信开发人员工具安装软件包,然后单击下一步,我接受它,直到安装根据指南完成为止。首次使用微信开发人员工具时,您需要使用微信扫描QR码登录。如果成功登录,则可以输入项目选择接口。
笔记:
微信开发人员工具必须在线使用
8。创建一个迷你程序项目
创建一个项目
使用开发人员工具来创建一个新项目,这些步骤如下:
打开微信开发人员工具,在左侧选择迷你程序,单击 +标志以创建一个新项目
在弹出的新页面上,填写项目信息
单击确定。如果您可以看到的开发主要接口,则意味着项目已成功创建。
开发人员工具设置
为了将来有效地开发迷你程序项目,我们需要为微信开发人员工具进行一些个性化设置,例如:设置模拟器位置,编辑器主题,编辑区域线路高度等。当然,您可以继续使用官方默认设置,或者可以根据自己的偏好设置它们。设置步骤如下:
将小程序模拟器移动到右侧:单击菜单栏的视图外观以将模拟器移动到右侧,并且可以将模拟器调整为右侧
迷你程序主题设置,单击菜单栏的设置,以选择主题和调试工具,如弹出框中的深色。
在编辑区域的设置,单击菜单栏中的设置编辑器设置,以根据自己的洗涤或其他设置调整线间距和字体大小
9。小程序目录结构和文件简介
创建Mini计划项目后,我们首先熟悉Mini计划项目的目录结构,如下图所示:
一个完整的小程序项目分为两个部分:主文件和页面文件
主文件也称为Mini 文件。顾名思义,全局文件可以在整个Mini程序上发挥作用,并影响Mini程序的每个页面。主文件必须放置在项目的根目录中,主要由三个部分组成:
是否需要文件名
app.js
迷你程序门户文件
必须
app.json
小程序的全局配置
必须
app.wxss
小程序的全球风格
不需要
页面文件是每个页面所需的文件。迷你程序页面文件存储在目录,一个页面和一个文件夹中。每个页面通常由四个文件组成。每个文件仅对当前页面有效:
是否需要文件名
.js
页面逻辑
必须
.wxml
页面结构
必须
.wxss
页面样式
不需要
.json
页面配置
不需要
笔记:
页面文件,WXSS和JSON文件可以覆盖主文件中的样式和配置,并强烈建议:页面文件夹名称和页面文件名称应保持一致。
新文件和文件夹功能列表:
├─pages 小程序页面存放目录 │ │ ├─index index 文件夹代表是 index 页面所需的文件 │ │ index.js index 页面逻辑 │ │ index.json index 页面配置 │ │ index.wxml index 页面结构 │ │ index.wxss index 页面样式 │ .eslintrc.js Eslint 配置文件 │ app.js 小程序入口,即打开小程序首页执行的项目 │ app.json 小程序的全局配置 │ app.wxss 小程序的全局样式 │ project.config.json 小程序开发者工具配置 │ project.private.config.json │ sitemap.json 小程序搜索优化
10。如何调试小程序
开发项目时,调试是不可避免的。那么如何调试迷你计划?
笔记:
微信开发人员工具缓存非常严重
如果您发现代码与您的期望不同,请首先单击编译
汇编后,无法实现预期的结果,因此您需要清除缓存甚至重新启动项目。
11.如何创建新页面
第一个方法:
右键单击目录以创建一个新文件夹并输入页面目录的名称,例如:list
右键单击列表目录的页面上并输入页面文件的名称,例如:列表
笔记:
输入页面文件名时,请勿输入后缀名称并成功创建新页面。页面路径将添加到app.json选项中。
第二种方法:
在app.json选项中,添加一个新页面路径
添加新页面目录后,该页面文件将在目录中自动生成
12.调试基本库
迷你程序调试的基本库是指可以在微信开发人员工具中选择的微信基本库的版本。
微信基本库是指迷你程序的运行环境,为Mini程序提供了各种操作所需的API和工具,以及基本框架和运行逻辑等。
迷你程序开发人员可以在运行和调试迷你程序时选择“微信开发人员工具”中所需的微信库版本作为运行环境。
每个小程序都有自己的基本库的最小版本,可以使用。开发人员需要选择基本库版本以兼容,以确保小程序的功能正常运行。