美文网首页
微信小程序开发

微信小程序开发

作者: ridox | 来源:发表于2018-02-06 22:07 被阅读8次

    小程序介绍

    小程序的理念是触手可及、用完即走。无需安装,扫一扫或搜一下即可快速使用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。小程序开发完成后,通过审核并发布后,即可使用。 此外,微信官方提供了完备的调试、开发、部署、运营、客服功能。

    小程序的开发

    技术上来说,小程序的运行环境是一个封闭的web容器(由微信APP提供), 支持MVVM的开发模式, 熟悉React、VUE的开发者可以很快上手。 新建一个小程序,会有如下四中后缀的文件:

    • .json 后缀的 JSON 配置文件
    • .wxml 后缀的 WXML 模板文件
    • .wxss 后缀的 WXSS 样式文件
    • .js 后缀的 JS 脚本逻辑文件

    从事过网页编程的人知道,网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来处理这个页面和用户的交互。 这里WXML扮演HTML的角色,WXSS扮演CSS的角色,只是做了少量修改。其中:

    • WXML重新封装了标签,提供给开发者一些基本的组件,例如view、button、text、map、video、audio、image、map、canvas等
    • WXML 提供了“wx:”开头的属性,用于操作DOM。小程序也支持MVVM的模式,提倡把渲染和逻辑分离,JS只用来管理状态
    • WXSS具有CSS大部分的特性,小程序做了一些扩充和修改:
      a. 增加了尺寸单位: rpx ;省去了不同设备之间的换算
      b. 提供了全局样式和局部样式: 根木下的app.wxss是全局样式;每个page下的page.wxss只作用于当前页面
      c. WXSS仅支持部分选择器

    对于每个小程序,一般都会有如下几个文件:

    • app.json 对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
    • project.config.json 对IDE的个性化定制
    • app.wxss 全局的样式的文件
    • app.js 定义App, 初始化全局数据,对小程序生命周期进行管理
    • 每个目录下的文件:影响只作用于该目录

    小程序的部署

    你在本地写的WeApp会被IDE自动打包,上传到微信服务器,然后被微信服务器分发到cdn网络上。上传的过程大致如下:

    小程序的框架

    TODO

    小程序服务端解决方案

    小程序本身只是个前端App,用于展示数据,获取用户反馈,同时它需要与第三方服务端交互,才能完成整个服务。
    小程序的API提供了丰富的API来完成与服务端你的交互:

    • wx.request支持HTTP请求
    • wx.uploadFile和wx.downloadFile支持文件的上传、下载
      -支持WebSocket

    参考资料

    相关文章

      网友评论

          本文标题:微信小程序开发

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