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

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

【微信小程序】小程序基础入门01
😉博主:初映CY的前说(前端领域) ,📒本文核心:微信小程序的入门介绍

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

一、⭐小程序特点

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

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

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

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

二、⭐ 基础前置

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

①注册个账号

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

1.1选择注册的账号类型

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

1.2填写账号信息

【微信小程序】小程序基础入门01
🤔 提示:这里要注意所填写的邮箱要求曾经没有注册过小程序、服务器、订阅号。

1.3邮箱激活

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

1.4点击链接激活账号

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

1.5选择主体类型

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

1.6主体登记信息

②填写小程序信息

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

③获取 AppID

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

④开发者工具

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

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

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

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

  • 小程序的预览和发布。

三、⭐ 目录介绍


首次进来点击编译将会看到下文结构
【微信小程序】小程序基础入门01

1.目录文件介绍

类型名称 作用 是否必须
.wxml 用于页面的布局结构,相当于网页中 .html 文件
.wxss 用于页面的样式,相当于网页中的 .css 文件
.js 用于页面的逻辑
.json 用于页面的配置

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

文件名 作用 是否必须存在
app.js 小程序入口(首先执行的文件)
app.json 小程序的全局样式
app.wxss 小程序的全局样式
project.config.json 小程序开发者工具配置 是(会自动创建)
project.private.config.json 私有的配置 是(会自动创建)
sitemap.json 小程序搜索优化

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

至此本文结束,愿你有所收获!
期待大家的关注与支持! 你的肯定是我更新的最大动力!!!文章来源地址https://www.toymoban.com/news/detail-415664.html

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

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

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

相关文章

  • 微信小程序的基础标签及使用(入门)

          我们以前在html中使用的很多标签在微信小程序中都无法使用例如div,h1-h6,span等等。  当然在小程序中会出现很多的标签提供开发者使用: view :为块元素相对于以前我们所使用的的div text :可以使当做span使用或者h1-h6          scroll-view: 可滚动视图区域加入属性可

    2024年02月11日
    浏览(23)
  • uniapp微信小程序系列(1)基础与入门

    uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,支持iOS、Android、Web及各平台小程序。本系列文章为uni-app开发微信小程序知识点的归纳总结。 如果你是新手,项目创建一般推荐:uni-ui项目,该项目架构包含了uni官方提供的内嵌UI组件库,方便直接使用。 如果你

    2024年02月17日
    浏览(23)
  • 微信小程序新手入门教程一:零基础上手

    小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。它提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。 1.开发环境不同。 网页运行在浏览器环境中,而小

    2024年03月18日
    浏览(41)
  • 微信小程序-01

    微信小程序是一种运行在微信客户端的应用程序,可以在微信中直接使用,无需下载安装。微信小程序开发是指开发和构建微信小程序的过程。开发者可以使用小程序开发工具进行开发,并使用微信支付、微信登录等功能,实现各种功能和服务。 微信小程序开发使用的是前端

    2024年01月25日
    浏览(47)
  • 117.【微信小程序 - 01】

    (1).小程序与普通网页开发的区别 运行环境不同 : 网页运行在 浏览器 、小程序运行在 微信 。 开发模式不同 : 网页的开发模式: 浏览器+代码编辑器 。 小程序的有自己的一套标准的开发模式 (1). 申请小程序开发账户 。 (2). 安装小程序开发者工具 。 (3). 创建和配置小程序项目

    2024年02月11日
    浏览(29)
  • 【Web实战】零基础微信小程序逆向(非常详细)从零基础入门到精通,看完这一篇就够了

    本文以微信小程序为例,从实战入手,讲解有关于小程序这种新型攻击面的渗透,对于了解小程序的安全性和防范措施有一定的帮助。 作为中国特有的一种程序形态,小程序在我们的日常生活中已经无处不在。腾讯、百度、阿里巴巴、字节跳动、京东等各家互联网大厂都有各

    2024年02月04日
    浏览(41)
  • 微信小程序01-底部导航栏设置

    1 在app.json找到 pages,增加pages配置地址栏路径,保存后会自动生成相应文件夹; 2,增加  tabBar  参数,“selectedColor” 参数是设置选中后文字的颜色;\\\"list\\\" 中放置导航数据。      list 中 相关参数: pagePath ---- 指向地址                                   text   ---- 

    2024年02月12日
    浏览(27)
  • 微信小程序实战-01翻页时钟-1

    我经常在手机上用的一款app有一个功能是翻页时钟,基于之前学习的小程序相关的基础内容,我打算在微信小程序中也设计一个翻页时钟功能,Just do it! 作为练手项目,需求比较简单,两个功能: 支持时、分、秒显示; 支持翻页效果; 整体效果大概是这个样子: 界面结构

    2024年02月02日
    浏览(27)
  • 微信小程序-JAVA Springboot项目-小程序搭建-项目搭建01

    目录 一、序言 二、小程序搭建         本文主要讲述一个微信小程序前后端项目搭建的过程,主要内容包括小程序(前端)搭建和后端搭建,其中会描述可能遇到的问题以及解决措施,文章将会分为几个部分进行讲述, 这章将讲述前端小程序搭建的内容,其中包括软件下载

    2024年04月14日
    浏览(30)
  • 微信小程序篇_01 微信小程序与Java后端接口交互

    本文主要介绍小程序前后端数据的交互,实践演示。 创建后端项目 我这里就创建一个SpringBoot项目作为演示。 在创建项目中选择Spring Initializr 要勾选SpringWeb框架,当然你也可以后面导入,确认好设置后,创建项目。 然后在Maven依赖中调整SpringBoot的版本 目录结构如下,缺少的

    2023年04月08日
    浏览(21)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包