小程序开发简介 小程序简介

什么是小程序？

小程序（Mini）是一种无需下载安装即可使用的应用程序。 实现“触手可及”的梦想，使用方便快捷，用完即用；

事实上，小程序现在在我们的生活中随处可见（特别是通过联合推广，无论什么职位、什么年龄段，每个人走到哪里都需要打开健康码）；

所以相信大家对于小程序的基本了解和特点都已经非常熟悉了，这里不再赘述。

大多数情况下，我们提到小程序时，往往指的是微信小程序

但目前小程序技术本身已经得到了各个平台的落地和支持；

下面我也会讲一下它的技术特点以及为什么这些平台要支持小程序技术。

那么目前常见的小程序有哪些呢？

微信小程序、支付宝小程序、淘宝小程序、抖音小程序、头条小程序、QQ小程序、美团小程序等；

各平台小程序大概上线时间：

2017年1月，微信小程序上线并附属于微信App；

2018年7月，百度小程序上线，依赖百度App；

2018年9月，支付宝程序上线，依赖于支付宝App；

2018年10月，抖音小程序上线，依赖抖音App；

2018年11月，今日头条小程序上线，依赖今日头条App；

2019年5月，QQ小程序上线并附着；

2019年10月，美团小程序上线，依赖美团App；

为什么所有平台都需要支持小程序？

它是大型制造商竞争格局的重要组成部分。

体验比传统H5页面好很多；

相当于传统App，小程序的体验不如App，但使用起来比App更方便。 不需要从应用商店下载安装，甚至注册登录等麻烦的操作；

传统App更新需要先打包，上架App 后，需要通过审核（App）。 一般来说，这个审核周期很长，很有可能审核不通过；

然而，小程序可以动态地为自己的应用程序添加新的功能需求，而无需更新应用程序。 这可以看作是绕过应用商店的小程序；

那么目前这么多小程序的竞争格局中，哪一款应用最为广泛呢？

这显然是一个微信小程序。 目前支付宝、抖音小程序也被或多或少的人使用；

事实上，当我们通过小程序看本质时，它们本身仍然是应用程序和平台之间的竞争。 流量入口最大的平台，对应的小程序就会拥有更多的用户；

目前公司主要开发小程序是微信小程序。 其他平台上的小程序往往是一些公司在平台本身或方便地开发的；

因此，学习的重点一定是微信小程序的开发。 那么还有一个问题，小程序是谁开发的？

首先我们来确定小程序的定位是什么？

小程序是一款定位介于原生App和移动H5页面之间的产品。

那么，由此我们也会产生一个疑问：小程序是谁开发的？

是否有可能创建一个“小程序开发工程师”？显然不可能，目前还没有一家公司有小程序开发工程师这样的职位。

谁来开发，其实是由它的技术特点决定的。 比如微信小程序WXML、WXSS，分别对应html、css、js。 它们更接近我们的前端开发技术栈，所以小程序都是我们开发的。 前端开发；

也就是说，想要成为前端工程师或者找到前端工作，就必须学习小程序。

小程序开发技术选型

原生小程序开发：

微信小程序：

主要技术包括：WXML、WXSS、；

支付宝小程序：

主要技术包括：AXML、ACSS、；

选择开发小程序的框架：

是一个使用Vue开发小程序的前端框架。 还支持微信小程序、百度智能小程序、今日头条小程序、支付宝小程序；

这个框架曾经很流行，但是2018年之后就不再维护和更新了，所以已经被废弃了；

WePY（发音：/'wepi/）由腾讯开源。 它是一个允许小程序支持组件开发的框架。 通过预编译，开发者可以选择自己喜欢的开发风格来开发小程序。

该框架目前维护较少，近两年已有不少项目使用，不推荐使用；

现阶段比较流行的小程序开发框架有以下两种：

由团队开发和维护；

uni-app是一个使用Vue开发所有前端应用程序的框架。 因此，使用uni-app的前提是你会使用Vue进行开发。 开发者编写一套可以发布到原生App：iOS、H5页面：Web（响应式）、以及各种小程序（微信/支付宝/百度/今日头条/飞书/QQ/快手/钉钉/淘宝）的代码和其他平台。

uni-app 目前是很多公司的首选技术，尤其是想要适配移动应用的公司；

由京东团队开发和维护；

taro是一个开放的跨端跨框架解决方案，支持使用/Vue/Nerv等框架开发微信/京东/百度/支付宝/字节跳动//飞书小程序/H5/RN等应用；

因为taro本身支持Vue，所以给了我们更灵活的选择，尤其是.x之后，支持Vue3、Hook编写等；

taro['tɑ:roʊ]，名字的由来是：太郎奥特曼，宇宙卫队首席导师，最强奥特曼；

uni-app 和 taro 都可以开发原生应用：

不过无论是使用uni-app和taro来适配原生小程序还是原生App，都存在很多适配问题，所以还是需要或多或少了解一些原生开发知识（iOS、），所以uni-app和taro都不是最终的解决方案;

uni-app和taro开发的产品整体用户体验比原生app差很多，所以到底用uni-app还是taro最终由公司决定，而作为开发者我们需要掌握uni-app和taro ;

还有其他用于开发本机应用程序的技术选项： , ;

小程序准备知识

小程序的核心技术主要有三点：

页面布局：WXML，类似于HTML；

页面风格：WXSS，几乎CSS（有的不支持，有的增强，但基本相同）；

页面脚本：+WXS();

如果你之前已经掌握了Vue或者其他框架开发，那么学习小程序会更容易；

因为核心思想是一样的（比如组件开发、数据响应、语法、事件绑定等）

小程序开发工具

在开发小程序之前，我们需要注册一个账号并申请一个App ID

接入流程：

小程序开发工具：

微信开发者工具：需下载并安装官方开发工具。 可以直接使用微信开发者工具开发小程序；

：相比微信开发者工具，很多人更习惯用它来写代码。 我们也可以使用它们进行开发。 下面会讲一下如何使用它们进行开发；

微信开发者工具下载地址：

建议下载安装稳定版本

安装完成后，打开微信开发者工具，创建项目，输入刚才注册创建项目的账号的App ID，选择不使用云服务

如果想用它来开发，使用微信开发者工具后，打开对应的项目文件夹

但是对于wxml和wxss文件，中的代码没有突出显示

因此，为了开发，我们可以安装以下插件

注意：在国内开发时，我们的模拟器和调试器仍然需要使用微信开发者工具