微信小程序 --- 小程序基础知识

这篇具有很好参考价值的文章主要介绍了微信小程序 --- 小程序基础知识。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

小程序基础知识

1. 认识什么是小程序

什么是微信小程序

微信小程序是一种运行在微信内部的 轻量级 应用程序。

在使用小程序时 不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了 “用完即走” 的理念,用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想,应用无处不在,随时可用,但又 无须安装卸载。

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

特点:

小程序的四大特性:无须安装、用完即走、无须卸载、触手可及

  1. 无须安装:体积小,用户感知不到下载的过程
  2. 触手可及:用户 扫一扫 或 搜一下 即可打开应用,通过下拉能访问使用的小程序
  3. 用完即走,无须卸载

2. 微信小程序账号注册

小程序开发 与 网页开发不一样,在开始微信小程序开发之前,需要访问 微信公众平台,注册一个微信小程序账号。

在拥有了小程序的账号以后,我们才可以开发和管理小程序,后续可以通过该账号进行开发信息的设置、成员的添加,也可以用该账号查看、运营小程序的相关数据。

📌 注意事项

在申请账号前,我们需要先准备一个邮箱,该邮箱要求:

1️⃣ 未被微信公众平台注册❗

2️⃣ 未被微信开放平台注册❗

3️⃣ **未被个人微信号绑定过 !**如果被绑定了需要解绑 或 使用其他邮箱 ❗

  1. 打开 微信公众平台,点击立即注册
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
  2. 选择注册的帐号类型,在这里我们需要 选择小程序

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
3. 输入账号信息
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
4. 邮箱激活,需要进入邮箱进行激活
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
5. 信息登记,注册类型 (需要选择中国大陆和个人,企业其他需要资质认证)

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
6. 主体信息登记与确认

📌 注意:

​ 在进行管理员身份验证的时候,推荐使用自已的微信进行扫码,

​ 将自已设置为小程序账号的管理员,方便以后对小程序进行开发、成员等相关的设置
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

  1. 小程序注册完成,点击前往小程序,即可进入小程序后台
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

3. 完善小程序账号信息

在完成小程序账号的注册后,你便可以打开微信公众平台对小程序账号进行一些设置,这是你开发前的准备工作,完善后才可以进入后续的开发步骤,这是因为小程序在后续进行提交审核的时候,小程序账号信息是必填项,因此在注册小程序以后,需要补充小程序的基本信息,如名称、图标、描述等。

📌 注意事项

​ 在填写小程序类目时不要选择游戏类型,否则微信官方将会视为小游戏开发 ❗

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

点击 前往填写,填写小程序基本信息即可
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
点击 前往设置 , 设置小程序类目信息

  1. 点击右上角添加类目

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
2. 管理员授权
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

  1. 手机微信进行认证
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
  2. 添加小程序类目,注意:选择类目的时候不要选择小游戏类目 !!!!
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

4. 小程序开发者 ID

小程序的开发者账号是免费的,只要开发者满足开发资质就可以免费注册,并且会获得对应的开发者 ID

一个完整的开发者 ID 由 **小程序 ID(AppID)**和一个 **小程序密钥(AppSecret)**组成。

小程序 ID 即 AppId 是小程序在整个微信账号体系内的唯一身份凭证,后续在很多地方都会用到,例如:新建小程序项目、真机调试、发布小程序等操作时,必须有小程序 ID。

小程序密钥 是开发者对小程序拥有所有权的凭证,在进行 微信登录、微信支付,或进行发送消息等高级操作时会使用到

在微信公众后台,单击左侧开发标签,选择 “开发管理”,在新的页面中点击 “开发设置”,就可以看到开发者 ID 信息。请妥善保管你的小程序 ID 和小程序密钥,在后续的开发中会经常使用到,获取位置见下图:

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

5. 开发成员和体验成员

小程序提供了两种不同的成员角色:项目成员体验成员

项目成员:参与小程序开发、运营的成员,可登陆小程序管理后台,包括运营者、开发者及数据分析者。管理员可在“成员管理”中添加、删除项目成员,并设置项目成员的角色。

体验成员:参与小程序内测体验的成员,可使用体验版小程序,但不属于项目成员。管理员及项目成员均可添加、删除体验成员。
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

6. 微信开发者工具

为了帮助开发者简单和高效地开发和调试微信小程序,微信官方提供了 微信开发者工具,利用开发者工具可以很方便地进行小程序开发、代码查看以及编辑、预览和发布等功能。

在 微信开发者工具 下载页面,可以看到微信开发者工具包含三个版本:

  1. 稳定版:稳定性高,开发中一般推荐大家使用稳定版本

  2. 预发布版:稳定性尚可,一般包含新的、大的特性,通过了内部测试

  3. 开发版:稳定性差,主要用于尽快修复缺陷和敏捷上线小的特性,如果想体验新特性,可以使用这个版本

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
选择合适的版本进行下载,在下载完成后,双击下载好的微信开发者工具安装包,根据引导点击下一步、我接受、直至安装完成。第一次使用微信开发者工具的时候,需要使用手机微信扫码登录,登录成功即可进入项目选择界面

📌 注意事项

​ 微信开发者工具必须联网使用 ❗

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

8. 创建小程序项目

创建项目

使用小程序开发者工具创建一个新的项目,步骤如下:

  1. 打开微信开发者工具,左侧选择小程序,点击 + 号即可新建项目
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

  2. 在弹出的新页面,填写项目信息

    • 项目名称:输入项目名称
    • 目录:选择小程序开发文件夹,注意:小程序的目录建议是空目录,否则官方会有提示,见下图
    • AppID:填写自己申请的小程序 AppID
    • 开发模式:选择小程序
    • 后端服务:选择不使用云服务
    • 模板选择:选择不使用模板

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

  1. 点击确定,如果能够看到小程序的开发主界面,说明小程序项目已经创建成功
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

开发者工具设置

为了后续高效的对小程序项目进行开发,我们需要对微信开发者工具进行一些个性化的设置,例如:设置模拟器位置、编辑器主题、编辑区行高等,当然你可以继续使用官方默认的,也可以按照自己的喜好设置,设置步骤如下:

  1. 将小程序模拟器移动右侧:点击菜单栏的 视图 ➡ 外观 ➡ 将模拟器移到右侧,小程序模拟器即可调整到右侧

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

小程序主题设置,点击菜单栏的 设置 ➡ 外观设置 ➡ 在弹框中将主题和调试工具选择为深色
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

  1. 编辑区的设置,点击菜单栏的 设置 ➡ 编辑器设置 ➡ 按照自己的洗好调整行距和字号,或者其他设置
    微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

9. 小程序目录结构和文件介绍

在将小程序项目创建好以后,我们先来熟悉小程序项目的目录结构,如下图:

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序
一个完整的小程序项目分为两个部分:主体文件页面文件

主体文件 又称小程序全局文件,顾名思义,全局文件能够作用于整个小程序,影响到小程序的每个页面,且主体文件必须放到项目的根目录下,主要由三部分组成:

文件名 作用 是否必须
app.js 小程序入口文件 必须
app.json 小程序的全局配置 必须
app.wxss 小程序的全局样式 非必须

页面文件 是每个页面所需的文件,小程序页面文件都存放在 pages 目录下,一个页面一个文件夹,每个页面通常由四个文件组成,每个文件只对当前页面有效:

文件名 作用 是否必须
.js 页面逻辑 必须
.wxml 页面结构 必须
.wxss 页面样式 非必须
.json 页面配置 非必须

📌 注意事项

  1. 页面文件,wxss、json 文件能够覆盖主体文件中的样式和配置
  2. 强烈建议:页面文件夹名称和页面文件名称要保持一致 感叹号

新建小程序文件和文件夹作用清单:

├─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. 如何调试小程序

在进行项目开发的时候,不可避免的需要进行调试,那么如何调试小程序呢 ?

📌 注意事项:

微信开发者工具缓存非常严重❗❗❗❗

如果发现代码和预期不一样,先点击编译❗

编译后还是没有达到预期的效果,就需要清除缓存❗ 甚至重启项目才可以❗

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

11. 如何新建页面

第一种方式:

  1. 在 pages 目录上 点击右键 新建文件夹,输入页面目录的名称,例如:list

  2. 在 list 目录上 点击右键 点击 page,输入页面文件的名称,例如:list

📌 注意事项:

  1. 在输入页面文件名称的时候,不要输入后缀名 ❗
  2. 新建页面成功以后,会在 app.json 的 pages 选项中新增页面路径

第二种方式:

在 app.json 的 pages 选项中,新增页面路径即可

在新增页面目录以后,会自动在 pages 目录下生成页面文件

12. 调试基础库

小程序调试基础库是指 微信开发者工具中可以选择的微信基础库版本。

微信基础库是指小程序的运行环境,给小程序提供了运行所需的各种 API 和工具,以及基础框架和运行逻辑等。

小程序开发者可以在微信开发者工具中选择所需的微信基础库版本,作为运行和调试小程序时的运行环境。

每个小程序有自己所允许使用的基础库最低版本要求,开发者需要选择要兼容的基础库版本,从而确保小程序的功能正常运行。

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

上线发布

假设我们目前已经使用微信开发者工具,按照小程序的开发规范完成了小程序的全部的全部开发工作,并且完成了本地测试,

这时候我们需要开发对小程序进行发布,小程序上线的流程如下:

微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

开发版本:点击开发者工具上传后的版本,开发版本只保留每人最新的一份上传的代码,是供开发者和团队测试和调试的版本

体验版本:小程序开发者可以将开发版本转换为体验版本,由测试人员以及产品经理进行测试与体验,确认没问题可提交审核

审核版本:小程序开发者可以将开发版本转换为审核版本,由微信的审核团队进行审核,审核周期为1~7天,审核通过可提交发布

线上版本:通过微信小程序平台审核,并由开发者提交发布的正式版本,线上版本是用户可以正常使用的小程序版本

小程序开发成员在开发者工具中点击 上传 按钮,在弹出的界面中选择更新类型、版本号、项目备注,就能够将小程序代码上传至微信公众号后台审核。
微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序

在登录到微信公众后台以后,点击左侧的 管理版本管理,就能查看小程序的四个个版本、微信小程序 csdn,2024 -- 微信小程序,小程序,微信小程序文章来源地址https://www.toymoban.com/news/detail-861464.html

到了这里,关于微信小程序 --- 小程序基础知识的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 程序员基础知识—IP地址

    IP地址就像我们需要打电话时的电话号码一样,它用来标识网络中的一台主机,每台主机至少有一个IP地址,而且这个IP地址是全网唯一的。IP地址由网路号和主机号两部分组成。如果一台主机拥有两个或者多个IP地址,那么说明该主机属于两个或者多个逻辑网络,一般用作路由

    2024年02月16日
    浏览(14)
  • 【C++】基础知识--程序的结构(1)

    C++简介: C++ 是一种静态类型的、编译式的、通用的、大小写敏感的、不规则的编程语言,支持过程化编程、面向对象编程和泛型编程。 C++ 被认为是一种中级语言,它综合了高级语言和低级语言的特点。 C++ 是由 Bjarne Stroustrup 于 1979 年在新泽西州美利山贝尔实验室开始设计开

    2024年02月06日
    浏览(14)
  • 汇编语言程序设计——基础知识(完整)

    CPU是计算机的核心部件,一个基础的CPU由运算器、控制器、寄存器等器件相连,这些器件靠内部总线相连, CPU通过内部总线与内部各个器件进行联系,例如读取内存中的程序;CPU通过外部总线实现与主板上的其他器件的联系,例如我们使用的蓝桥杯单片机开发板上就存在着矩

    2024年02月19日
    浏览(12)
  • 【STM32标准库】【基础知识】程序烧录

    文章基于适用于STM32F4系列,作者使用STM32F401CCU6开发板。 本文章基于此系列和开发板展开讨论。 我使用的开发板是某宝购买的,型号是STM32F401CCU6 请点这里 烧录器为同家店铺制作的STLINK-V2 请点这里 开发板外观 烧录器外观 请去官网下载,传送门 全部默认安装即可,注意选择

    2024年02月09日
    浏览(27)
  • Linux 驱动开发基础知识——Hello驱动程序(一)

     个人名片: 🦁作者简介:一名喜欢分享和记录学习的在校大学生 🐯个人主页:妄北y 🐧个人QQ:2061314755 🐻个人邮箱:2061314755@qq.com 🦉个人WeChat:Vir2021GKBS 🐼 本文由妄北y原创,首发CSDN 🎊🎊🎊 🐨座右铭:大多数人想要改造这个世界,但却罕有人想改造自己。 专栏导

    2024年01月19日
    浏览(12)
  • 【软考程序员学习笔记】——多媒体基础知识

    目录 🍊 一、多媒体的概念及分类 多媒体的分类 🍊二、声音信号的数字化过程 采样 量化 编码 🍊三、常见音频文件格式 🍊四、图形/图像区别  图形 图像 🍊五、常见图像文件格式 🍊六、常见视频文件格式 🍊七、显示器的基本参数 传播信息的载体,如语言、文字、图

    2024年02月09日
    浏览(16)
  • Linux 驱动开发基础知识——认识LED驱动程序 (二)

     个人名片: 🦁作者简介:一名喜欢分享和记录学习的在校大学生 🐯个人主页:妄北y 🐧个人QQ:2061314755 🐻个人邮箱:2061314755@qq.com 🦉个人WeChat:Vir2021GKBS 🐼 本文由妄北y原创,首发CSDN 🎊🎊🎊 🐨座右铭:大多数人想要改造这个世界,但却罕有人想改造自己。 专栏导

    2024年01月21日
    浏览(9)
  • [ XJTUSE ]JAVA语言基础知识——第一章 面向对象程序设计思想

    类描述了一组有相同 特性 (属性)和相同 行为 (方法)的对象,类和对象是面向对象思想的两个核心概念 · 人类是一种类,每一个具体的人则是这个类的对象 用面向对象程序来模拟真实世界 发现并创建类 发现类的特征 发现类的行为 在面向对象程序中,对象的特征由各种

    2023年04月13日
    浏览(15)
  • C++ Webserver从零开始:基础知识(三)——Linux服务器程序框架

    目录 前言 一.服务器编程基础框架 C/S模型 主要框架 二.I/O模型 阻塞I/O 非阻塞I/O 异步I/O 三.两种高效的事件处理模式 Reactor Proactor 四.模拟Proactor模式 五.半同步/半异步的并发模式 六.有限状态机 七.其他提高服务器性能的方法 池 数据复制 上下文切换和锁         这一章是

    2024年02月22日
    浏览(15)
  • Linux 驱动开发基础知识——LED 模板驱动程序的改造:设备树(十一)

     个人名片: 🦁作者简介:学生 🐯个人主页:妄北y 🐧个人QQ:2061314755 🐻个人邮箱:2061314755@qq.com 🦉个人WeChat:Vir2021GKBS 🐼 本文由妄北y原创,首发CSDN 🎊🎊🎊 🐨座右铭:大多数人想要改造这个世界,但却罕有人想改造自己。 专栏导航: 妄北y系列专栏导航: C/C++的基

    2024年02月21日
    浏览(13)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包