小程序

小程序是什么

官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

微信小程序，简称小程序，英文名 MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，对于用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用。

1.2、小程序与普通网页开发区别

​小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。

² 小程序

• 依赖于微信或其他APP上的一个应用形式，无法脱离其所在的APP
• 在特定的环境中去开发，所用的组件、UI都是确定好了的，也不用去考虑兼容问题
• 在速度上，小程序基于APP端去实现，在使用时就感到很流畅

² 普通网页

• 网页开发用在移动端或者PC端的网页开发技术
• 开发时会有开发工具的选择、框架的选择、UI的选择等问题，还要兼顾到浏览器是否兼容的问题
• 网页在不同的浏览器或设备中解析加载会比较慢一些
• 网页运行在浏览器中，当然有一些App内嵌了浏览器也是可以运行的
• 网页是需要通过网址来进行访问的

1.3、小程序与传统App区别

² 小程序

• 依赖于微信或其他APP上的一个应用形式，无法脱离其所在的APP
• 无需要安装，开发技术要求较低，无需考虑应用兼容适配问题

² 传统App：

• 独立运行，不需要依赖于谁
• 需要用户安装，开发技术要求较高且开发时还需要解决设备兼容适配问题

1.4、小程序框架结构

整个小程序框架系统分为两部分：逻辑层 和 视图层。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。只需要在逻辑层更改数据，视图层内容就会相应更新。mina=>微信小程序官方框架(主流开发框架)

申请账号与登录设置

2.1、申请账号

官网: https://mp.weixin.qq.com/

微信小程序允许个人开发者申请账号，申请成功后才能进行下一步的学习和开发。

点击进入后，一定选择

进行注册账号

2.3、登录

申请成功后，使用刚刚注册的邮箱账号和密码进入到微信小程序官方控制平台中。

 

获取开发appid

进入微信小程序官方控制平台后，主要为了得到开发所要用到的appid和secret这两项值。

开发工具

3.1、下载与安装

• 官方开发工具

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

开发微信程序必须要安装官方的开发工具，此工具不但是编写代码所用的工作，还是开发编译小程序在电脑上能看到代码运行效果的模拟器，所以一定要安装。

• vscode开发工具

下载地址：https://code.visualstudio.com/

vscode此工具不是必须安装，不过在实际开发中，一般会把官网工具当前一个看效果的模拟器，此工具作为编写代码的工具，这样开发效率会更佳。

vscode安装成功后，开发小程序需要安装插件

 开始项目了