课程介绍

　　本次课程分为两个部分。

　　微信小程序基础

　　在这部分我们主要会讲解微信小程序的基础使用以及相关概念知识。

　　bilibili微信小程序

　　这是一个基于小程序的bilibili应用，通过这个案例，你会更深入地理解微信小程序的基础知识。

　　小程序介绍

　　微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用，主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。

　　微信小程序和微信的原生功能应用在本质上是一样的——它们都是Web App。Web App就是一种通过H5页面技术实现的，和Native App的功能和界面几乎一样的手机App形态。很多商家和企业为了节省技术人员和资金的投入，都会选择使用Web App制作工具，免费快速制作自己的Web App。

　　截止2018年3月，微信小程序用户规模突破4亿，小游戏类微信小程序占比达28%。

　　微信小程序的优势

　　许多人更倾向于开发微信公众号，而不是App，因为App推广成本过高。这导致公众号更像是媒体平台。然而，微信的本意是为了提供服务，所以推出了服务号，但是服务号也没达到预期。微信小程序的优势有：

　　微信有海量用户，粘性很高，开发产品更容易触达用户;

　　推广App或公众号的成本太高;

　　开发适配成本低;

　　容易小规模试错，然后快速迭代;

　　跨平台。

　　实际上，应用号并非微信首创，之前百度推出过应用号，搜狐推出过快站，但腾讯将这件事情做成功的概率却是最大。

　　微信小程序对于创业者的优势

　　APP流量成本的急剧攀升。

　　移动互联网格局基本已定，用户主要需求场景已被巨头把持。

　　面向所有产品对用户时间的竞争。

　　体验

　　可以查看小程序示例源码。

　　开发环境的准备

　　注册账号

　　访问注册页面，耐心完成注册即可。

　　获取APPID

　　由于后期调用微信小程序的接口等功能，需要索取开发者的小程序中的APPID，所以在注册成功后，可登录，然后获取APPID。

　　登录成功后可看到如下界面，然后复制你的APPID，悄悄地保存起来，不要给别人看到。

　　开发工具

　　严格来说，微信小程序支持所有的开发工具，但是从效率和便利性来说，推荐使用VS Code和微信自己的微信小程序开发工具。

　　我的第一个微信小程序

　　下面开始演示如何创建我的第一个微信小程序：

　　安装微信小程序开发者工具：下载好微信小程序开发者工具后，直接双击安装，一直点击下一步即可。

　　选择小程序项目。

　　新建项目。

　　创建项目。

　　成功。

　　微信开发工具深入介绍

　　工具介绍。

　　小程序结构目录

　　小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。

　　小程序框架提供了自己的视图层描述语言WXML和WXSS，以及JavaScript，并在视图层与逻辑