小白学习小程序开发

作者: uniapp | 来源:发表于2018-03-18 21:01 被阅读0次

    作为轻量级的 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 开发的小伙伴,来试试小程序的开发吧,等公司用上的那天,咱们已经走在了别人前面,这难道不是机会吗?

    喜欢和关注都是对我的鼓励和支持~

    相关文章

      网友评论

        本文标题:小白学习小程序开发

        本文链接:https://www.haomeiwen.com/subject/jvqlxftx.html