微信小程序正式上线已经一年多了，越来越多的商家开始使用它，作为连接用户和服务的新方式，微信小程序正在被越来越多的人接受和使用。前段时间我也发布了一款同名的微信小程序，本文就来分享一下我对微信小程序是什么、开发语言是什么、开发工具是什么、如何申请注册和发布微信小程序的简单理解。

什么是微信小程序？

相信大家都用过微信小程序，顾名思义就是基于微信，无需下载安装即可使用的应用。它实现了“触手可及的应用”的梦想，用户只要扫一扫或者搜索就可以打开应用，也体现了“用了就走”的理念，用户不用担心是否要安装太多的应用，应用将无处不在、随时可用，却无需安装或卸载。

一句话总结，方便，不占空间。

微信小程序开发语言

用什么语言开发出如此神奇的微信小程序呢？主要涉及的开发语言有WXML、WXSS、JS以及JSON格式的配置文件。

JSON 配置

在微信小程序中，无论是项目配置、工具配置、还是页面配置，都是通过JSON来配置配置信息，包括页面路径、页面名称、整体风格等，这些配置信息都存储在不同的JSON文件中。

1. {

2.  "pages":[

3.    "pages/index/index",

4.    "pages/logs/logs"

5.  ],

6.  "window":{

7.    "backgroundTextStyle":"light",

8.    "navigationBarBackgroundColor": "#fff",

9.    "navigationBarTitleText": "WeChat",

10.    "navigationBarTextStyle":"black"

11.  }

12. }

WXML 模板

WXML（）是用来表现小程序页面结构的标签语言，其功能和基本语法与HTML类似，相当于小程序的主体。

1. class="container">

2.   class="userinfo">

3.     wx:if="{{!hasUserInfo && canIUse}}"> 获取头像昵称

4.     wx:else>

5.       src="{{userInfo.avatarUrl}}" background-size="cover">

6.       class="userinfo-nickname">{{userInfo.nickName}}

7.    

8.  

9.   class="usermotto">

10.     class="user-motto">{{motto}}

11.  

WXSS 风格

WXSS（）是用来表达WXML样式的样式语言，其功能和基本语法与CSS基本一致，相当于小程序的衣服。

1. /**index.wxss**/

2. .userinfo {

3.  display: flex;

4.  flex-direction: column;

5.  align-items: center;

6. }

8. .userinfo-avatar {

9.  width: 128rpx;

10.  height: 128rpx;

11.  margin: 20rpx;

12.  border-radius: 50%;

13. }

15. .userinfo-nickname {

16.  color: #aaa;

17. }

19. .usermotto {

20.  margin-top: 200px;

21. }

JS 交互

小程序的交互都是基于JS这种脚本语言的，包括响应用户点击，获取用户位置等等，相当于给小程序披上了一层身体和衣服装饰，赋予了交互的能力。

首先：

1. {{ msg }}

2. bindtap="clickMe">点击我

实现点击事件，让视图显示以下文字：

1. Page({

2.  clickMe: function() {

3.    this.setData({ msg: "Hello World" })

4.  }

5. })

微信小程序开发者工具

上面介绍了微信小程序的开发语言，那么它的编译器是什么？用什么IDE开发呢？

微信小程序有自带的开发工具，请前往开发者工具下载页面，根据你的操作系统下载对应的安装包进行安装。

微信小程序开发者工具是一个集模拟器、编辑器、调试器为一体的开发环境，安装后可以通过微信扫码登录。在这个开发者工具中，你可以编写代码、实时查看界面、调试代码、打印错误等。具体操作方法请参考：微信开发者工具介绍。

如何注册微信小程序

点击按照提示填写信息并提交相应材料，你就可以拥有自己的小程序账号了。

注册微信小程序非常方便，类似于公众号，只需要提交申请，就可以立刻使用。

微信小程序开发资源

总结了一些对刚接触小程序的开发者有帮助的信息。

总结

相比安卓或者iOS的应用，微信小程序使用起来要方便很多，扫一扫就可以使用。小程序的开发其实跟网页开发很像，基本都是基于HTML+CSS+JS，有自己的开发语言。发布的开发者工具也很方便，集成了调试器、模拟器、编辑器等功能，上手简单，结合官方提供的基础样式库，做一个简单的小程序非常容易。