小程序基础入门01

简介: 微信小程序的入门介绍

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

一、⭐小程序特点

小程序对于大家来说就已经是很常见的事情喽~,其特点精简下来就是一句话:不需要下载App就可以使用。

特点:无需下载(小程序体积非常小(不超过 2M),用户感知不到下载的过程)。

理念:用完即走(用户随时退出小程序,不需要关注小程序本身)。

入口:扫一扫、搜一下、群聊…

二、⭐ 基础前置

学习之前我们需要先了解下一个开发小程序的软件——微信开发者工具。我们将会用这个软件完成我们项目的一个制作。(后面为了做多端时会用上uni-app技术配合HBulider软件开发。这个内容我留在以后讲)

①注册个账号

首先是需要去微信公众平台注册一个账号

1.1选择注册的账号类型


3c3205d4e44345c2a636440a5c817d97.png

1.2填写账号信息d90ccff2a64349269547724d347914f2.png

🤔 提示:这里要注意所填写的邮箱要求曾经没有注册过小程序、服务器、订阅号。

1.3邮箱激活

3bd06801385c4733b6fc37de45a48743.png

1.4点击链接激活账号

f4d1a4bf78024ca0aea1a33562fd2d38.png

1.5选择主体类型

66c5d29bda0d4fac9282ef21d052e26e.png

1.6主体登记信息

②填写小程序信息

账号注册完毕后不能立刻使用,还需要进一步对小程序的信息进行完善,如下图所示。

5aa872a29d274866a0916c6b05d4975d.png

③获取 AppID

AppID 是小程序的唯一标识,在对小程序进行开发或者上线发布时都会用到 AppID,获取方式如下图所示。

9f34d88d77e5d221e023e8c7fa66638.png

④开发者工具

微信开发者工具是官方提供的专门用于微信小程序开发调试的工具,它提供的主要功能如下。

快速创建小程序项目(起到脚手架的作用)。

代码的查看和编辑(相当于 VSCode 作用)。

对小程序功能进行调试(相当于浏览器作用)。

小程序的预览和发布。

三、⭐ 目录介绍

首次进来点击编译将会看到下文结构

1d04460ca15a48a894b06c843795a729.png

1.目录文件介绍

类型名称 作用 是否必须

.wxml 用于页面的布局结构,相当于网页中 .html 文件 是

.wxss 用于页面的样式,相当于网页中的 .css 文件 否

.js 用于页面的逻辑 是

.json 用于页面的配置 否

2.再来看一些特定名称的文件

文件名 作用 是否必须存在

app.js 小程序入口(首先执行的文件) 是

app.json 小程序的全局样式 是

app.wxss 小程序的全局样式 否

project.config.json 小程序开发者工具配置 是(会自动创建)

project.private.config.json 私有的配置 是(会自动创建)

sitemap.json 小程序搜索优化 否




相关文章
|
6月前
|
JSON 小程序 JavaScript
微信小程序入门实践
微信小程序入门实践
|
6月前
|
JSON 小程序 前端开发
微信小程序框架(五)-全面详解(学习总结---从入门到深化)
微信小程序框架(五)-全面详解(学习总结---从入门到深化)
240 0
|
6月前
|
存储 缓存 JSON
微信小程序框架(四)-全面详解(学习总结---从入门到深化)
微信小程序框架(四)-全面详解(学习总结---从入门到深化)
202 0
|
1月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
50 1
|
1月前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
40 1
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
104 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
1月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
51 0
|
6月前
|
小程序 JavaScript 前端开发
微信小程序云开发入门实践
微信小程序云开发入门实践
|
5月前
|
小程序
微信小程序学习笔记(入门篇)
微信小程序学习笔记(入门篇)
65 0
|
5月前
|
监控 小程序 前端开发
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
170 0