【微信小程序】小程序基础入门01

news/2024/7/20 2:11:30 标签: 微信小程序, 小程序, 前端

在这里插入图片描述
😉博主:初映CY的前说(前端领域) ,📒本文核心:小程序>微信小程序的入门介绍

【前言】小程序是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。

目录

  • 一、⭐小程序特点
  • 二、⭐ 基础前置
      • ①注册个账号
        • 1.1选择注册的账号类型
        • 1.2填写账号信息
        • 1.3邮箱激活
        • 1.4点击链接激活账号
        • 1.5选择主体类型
        • 1.6主体登记信息
      • ②填写小程序信息
      • ③获取 AppID
      • ④开发者工具
  • 三、⭐ 目录介绍
      • 1.目录文件介绍
      • 2.再来看一些特定名称的文件

一、⭐小程序特点

小程序对于大家来说就已经是很常见的事情喽~,其特点精简下来就是一句话:不需要下载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小程序搜索优化

好了今天的介绍就此结束喽~下一篇文章将会介绍小程序的基础语法知识,敬请期待!

至此本文结束,愿你有所收获!
期待大家的关注与支持! 你的肯定是我更新的最大动力!!!


http://www.niftyadmin.cn/n/223741.html

相关文章

性能分析方法论简介

文章目录1. 前言2. 性能分析概述3. 性能分析方法论一览3.1 TSA 和 USE3.1.1 TSA3.1.1.1 TSA 概述3.1.1.2 TSA 状态转换3.1.1.3 延迟类状态3.1.1.3 TSA 总结3.1.2 USE3.1.2.1 USE 简介3.1.2.2 低利用率是否意味着没有饱和?3.1.2.3 使用 USE3.1.2.3 常见资源列表 和 它…

JavaSE学习进阶day03_01 多态

第一章 多态 1.1 多态的形式 直接说什么是多态性太抽象了,我们先引入一个例子: 现在我定义了一个feed方法,在不同的类的对象调用这个方法时,都要改变形参,即每当我的对象不同时,都要重载该方法&#xff0…

华纳云:PHP更新数据库失败的原因是什么及怎么解决

这篇“PHP更新数据库失败的原因是什么及怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来…

C++标准库--IO库(Primer C++ 第五版 · 阅读笔记)

C标准库--IO库(Primer C 第五版 阅读笔记)第8章 IO库8.1、IO类8.2、文件输入输出8.3、string流总结:第8章 IO库 8.1、IO类 为了支持这些不同种类的IO处理操作,在istream和ostream之外,标准库还定义了其他一些IO类型。 如下图分…

N5183B信号发生器

N5183B N5183B,是德keysight N5183B 主要特性与技术指标信号特征9 kHz &#xff5e; 3 或 6 GHz在 3 GHz 时提供 24 dBm 功率&#xff0c;带有电子衰减器1 GHz 和 20 kHz 偏置时&#xff0c;相位噪声为 -146 dBc≤-73 dBc ACP W-CDMA 64 DPCH 和 <0.4% EVM 160 MHz 802.11…

移动通信技术的毫米波波束成形系统构成

随着通信产业尤其是移动通信的高速发展&#xff0c;无线电频谱的低端频率已趋饱和。采用各种调制方法或多址技术扩大通信系统的容量&#xff0c;提高频谱的利用率&#xff0c;也无法满足未来通信发展的需求&#xff0c;因而实现高速、宽带的无线通信势必向微波高频段开发新的频…

redis设计与实现读书笔记

这里主要记录一下在阅读redis设计与实现中碰到的一些没有记录过的知识。 引用计数技术 Redis的对象系统实现了基于引用计数技术的内存回收机制&#xff0c;当程序不再使用某个对象的时候&#xff0c;这个对象所占用的内存就会被自动释放;另外&#xff0c;Redis还通过引用计数…

字节5年测试工程师对“测试开发”的理解

写在前面&#xff1a; 写这篇文章的目的是为了能够更好的帮助刚入职的新人了解这个岗位和自己的工作&#xff0c;也想谈谈自己工作一年来对这个领域的了解程度&#xff0c;做一个小小总结吧&#xff5e; 一、我理解的测试开发 测试开发与开发、测试的关系 以前在没有接触测试…