有渔微信小程序系统概述《一》认识微信小程序与HelloWorld

重新认识微信小程序

一、当前APP的痛点

1. 用户的痛

自从买了智能手机后，手机装了一堆APP，每次上装一个崭新应用领域就必须下载安装一个APP。这手机屏幕变成了百货展厅，每次打听个APP还得滑动屏幕打听白天；而且每次加装一个APP，就挤占大量空间，这手机容量也越来越比较用了。

一次跟一位搞运营的朋友聊天，他说道现在只在微信上搞推展，因为微信上客户群体多。他说道知名度大的APP很难发推，一就是推展费用低，二就是客户通常也不愿浏览。

2. 开发者的痛

现在搞互联网的，研发了PC端的WEB后，再研发Android和Apple版，几乎就是标配。我也曾经赶着过这趟浑水，当时团队研发完了PC端的WEB，然后自然就想起必须研发Android和Apple版。但问题去了：我们团队人太少，而且大家都没有APP研发经验；哪就打听外包呗？于是我们就去找外包公司。后来在聊天中外纸盒公司的大哥就向我吐苦水，他说道现在1个Android，1个Apple团队，1个项目必须得养2帮忙人马，开发成本太高了。

后来，为了省财力、时间，我就要外包公司研发一个APP的外壳，然后里面关上浏览器出访我们的WAP网站，也就是Hybrid APP解决方案。Hybrid APP解决方案虽然研发方便快捷，但在用户体验上就比原生的APP差很多。

二、微信小程序便利了用户，更便利了开发者

什么就是小程序？小程序就是一种不须要下载安装即可采用的应用领域，它同时实现了应用领域“触手可及”的梦想，用户洗一洗或者搜一下即可关上应用领域。也彰显了“用回去即为跑”的理念，用户不关心与否加装太多应用领域的问题。应用领域将无处不在，随时随地需用，但又无须加装装载。

微信小程序化解了当前APP的痛点，便利了用户，更便利了开发者。从本质来看，微信小程序有点相似Hybrid APP解决方案。以后微信就沦为移动端的入口，用户不必再无休止地加装APP了；开发者只须要用javaScript一种语言就可以了，开发成本几乎可以省下2/3以上；而且微信提供更多了非常丰富的API，微信小程序的用户体验确实不能比原生的APP差。

微信做为国内最小的交友平台，已经变成了一个单一制的互联网王国，上面存有大量的用户资源，微信小程序推展的性价比就非常低。

可以想象，再过一段时间，大量的APP开发者可以加盟微信小程序的大营，而且几乎所有的APP都会再次再研发一个微信小程序版本，微信小程序开发人员的市场需求也可以非常小。所以，做为一名互联网从业人员，自学掌控微信小程序开发就是非常存有必要的。

HelloWorld微信小程序

看看千遍不如搞一遍。先使我们去一起搞一个最简单的HelloWorld吧。

1.下载安装微信小程序开发者工具，浏览路径：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

根据你的操作系统类型，挑选windows 64、windows 32或mac。

2.建立项目

⑴ 嵌入项目

页面“嵌入项目”按钮，建立一个项目。

⑵ 项目的几个参数表明

没 AppID 就选无AppID（如果口误可以收起，至时可能将无法步入项目）。如果你挑选的“项目目录”为空，恳请如图所示键入在“当前目录中建立quick start项目”。项目名称就随便写下一个吧，比如说“测试项目”。页面“嵌入项目”按钮，一个最简单的微信小程序就顺利完成了。

3.项目代码结构表明

页面开发者工具左侧导航系统的“编辑”，我们可以看见这个项目已经初始化并涵盖了一些直观的代码。其中包含：app.js，app.json，app.wxss和2个目录：pages，utils。

其中，最重要的就是 app.js、app.json、app.wxss 这三个文件。

app.js：这个文件就是整个小程序的入口文件。

app.json：这个文件就是小程序的全局配置文件，同意页面文件的路径，窗口整体表现，设置网络超时时间等。

app.wxss：就是小程序的样式文件，你可以把它想象成html中的CSS。