极光征文| Hello 小程序

极光

极光一直致力于提供行业大数据标准化产品和服务,目前推出了包括推送,IM,统计等场景是业务 SDK。每一款 SDK 除了有基于 Android 和 iOS 原生系统支持,还扩展了 RN,Cordova 等各式各样的插件集成,web 方面也支持了 IM ,快应用的统计等。

前言

微信小程序发展很快,即用即走,各家服务商均推出了基于小程序的 SDK 集成,极光也有小程序的 IM SDK。
开发一款 SDK,首先要对开发环境要有了解,本文小程序 SDK 的开发前序旨在对微信小程序开发环境的简介,后续再继续分享我的 SDK 封装思路。

一、小程序介绍和开发环境

1.1 小程序与普通网页开发的区别

  • 小程序主要开发语言也是 JavaScript ,但是逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中;网页的开发渲染线程和脚本线程是互斥的。
  • 小程序缺少相关的 DOM API 和 BOM API,所以无法使用前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等。
  • 小程序缺少 Native 模块和 NPM 包管理的机制,小程序中无法加载原生库,也无法直接使用大部分的 NPM 包。
  • 网页开发环境面向浏览器,小程序开发面向微信客户端

1.2 小程序的运行环境

1.3 账号问题

1.4 官方开发工具

二、小程序开发

2.1四种基本文件

  • 配置代码 JSON 文件:小程序里 JSON 扮演的静态配置的角色。
  • 模板代码 WXML 文件:是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。类似 Web 开发的 HTML。
  • 样式代码 WXSS 文件:是一套用于小程序的样式语言,用于描述 WXML 的组件样式,也就是视觉上的效果。类似 web 开发的 CSS,WXSS 做了补充和修改。
  • 逻辑代码 JavaScript 文件:开发业务逻辑以及调用小程序的 API 来完成业务需求。

2.2 代码构成

2.2.1 整体架构

小程序包含一个 app 来描述整体,包含多个 page 来描述对应单页面。代码结构如下图:

2.2.2 程序主体

程序主体 app 由三个文件组成,必须放在项目根目录,如下:

2.2.3 小程序页面

一个小程序页面 page 由四个文件组成,分别是:


2.3 三方框架

除了原生微信开发,很多前端框架也推出了适应微信小程序开发的版本

三、其他相关资料

微信小程序开发资源汇总

「本文为极光征文参赛文章」

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 前言 从16年微信小程序内测的时候到如今,微信小程序用时间与实践证明了自己的变革与价值,微信小程序的规则也在...
    keyuan0214阅读 67,320评论 4 26
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,745评论 0 15
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,223评论 4 61
  • 明月装饰了你的窗子 你装饰我的梦 梦,何为梦?
    从未出现你阅读 1,553评论 1 10
  • 初识秦老师是在2017年度“云上·新阳光”心理实操培训课上,有一次秦老师上台演讲称“由于自己从事的精神病治疗,对于...
    赵勤_c192阅读 2,905评论 1 2