作为轻量级的 App,背靠超过十亿用户的小程序,带给了人们广阔的想象空间。在这个拥有用户资源,就拥有无限变现可能的当代,作为一名程序猿,尤其是一名 App 开发工程师,毫无疑问地应该懂得一点小程序的开发。而且由于其相对简单的逻辑和有限的模块,已经被封装成了很多通用的模块。所以,懂得其框架结构,利用现成模块,能够快速开发出一款属于自己的小程序。下面就简单介绍一下它的实现流程。
开发小程序的第一步就是申请小程序的 appID,和 iOS 中应用模式一样,微信小程序也采用了官方审核发布的运营模式。申请网址:微信小程序申请平台 。
其次我们需要下载开发小程序的 IDE :小程序 IDE。选择项目存放在本地磁盘的路径,填入我们申请的 appID 和小程序名称,基本的开发环境就配置完成了。
小程序开发入门在新建的项目中,我们可以看到下面四个关于项目的文件和一个文件夹。
项目文件
界面文件
项目中的 4 个文件分工不同:
1 project.config.json 文件中配置整个小程序项目的参数,比如我们申请的 appID 、 项目名称、 以及使用的库文件版本等,这些配置都要和微信打交道获得。
2 app.wxss 是界面的样式。一个小程序最外层是称为 window 的容器,其中显示的颜色、字体、布局等属性都在 .wxss 文件中规定。
3 app.json 文件中是整个小程序注册的资源。它规定了整个小程序能够显示的界面以及界面布局等,其中 pages 对应数组中的第一个规定了小程序的启动页面。
4 app.js 文件规定了小程序启动的逻辑流程。它是小程序启动的入口,处理微信登录逻辑。还可以设置一些全局属性,供整个小程序的其他页面使用。
一个单独的页面一般放在一个文件夹中,它同样由四个文件组成:
1 .js 文件用来处理逻辑;
2 .json 文件用来预置资源,比如图像名称、默认提示文字等,都可以放在 .json 文件中。
3 .wxml 文件定义界面;
4 .wxss 文件定义样式,和 app.wxss 文件是同样的功能。
小程序的框架,参考了网站的搭建模式,不同的文件负责不同的功能,相互之间独立性很强,这也是它非常容易上手的原因之一。
开发完整个小程序后,我们需要提交到微信进行审核通过。提交很简单,进入我们申请的小程序,前往发布,即可进入发布流程。
走完整个流程,感觉还算顺利。但是吐槽一下每一个小程序都要绑定一个单独邮箱,使得每次开发新项目都要先申请一个新邮箱。难道这样做能够为小程序提供特别的安全性和唯一性吗?如果推测是真的,那么标志唯一性的 appID 和小程序名称又是用来干什么呢?最后,不满归不满,整体仍然延续了腾讯产品开发友好型的特点,文档也足够详细。
好了,作为 iOS 或者 Android 开发的小伙伴,来试试小程序的开发吧,等公司用上的那天,咱们已经走在了别人前面,这难道不是机会吗?
网友评论