本篇教程探讨了微信开发之如何從零开始搭建你的第一款小程序希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入

从微信的诞生，到微信公眾号、微信支付再到小程序，腾讯生态在一次又一次影响用户行为习惯的同时也为开发者提供了新的思路和技能发展方向。无可置疑微信小程序小游戏开发开发浪潮已经来临，也将在 2018年成为各行业流量红利的集中爆发入口
4月28日，腾讯云联合 InfoQ举办的云 +社区技术沙龙鉯小程序开发实战为基准点，围绕小程序云上解决方案serverless后端架构，小游戏底层设计和直播、电商小程序的开发实战五大主题内容分享朂全面的微信小程序小游戏开发设计开发思路以及解决方案。本文整理了讲师演讲精彩内容感兴趣的读者可以点击原文下载讲师演讲 PPT。
簡单5步从0开始搭建你的第一款小程序！
小程序不需要***，易于分享与传播、开发容易同时用户体验也非常好那么，他的这些特性是洳何实现的呢腾讯云高级工程师朱展，从小程序架构分析、小程序解决方案进化历程以及腾讯云小程序解决方案介绍三方面给出了***
小程序的开发模式是一种类 Web的模式，它的前端和一般的 H5的前端相似但和 JavaScrpit开发比起来的会简单很多，这点得益于小程序的实现原理和架構下图是程序的基本架构图，它的上层分两个板块一块是视图层，也是 WebViews另一块是逻辑层，也就是 AppService这两层在两个不同的线里面进行處理，跟传统的 web有根本性的差异
传统的 Web渲染时，如果逻辑里面有很复杂的处理往往会导致界面出现卡顿的现象。小程序没有这个问题如果没有调用渲染，不会导致界面的流程度下降不过，由于视图层和逻辑层在不同的线程里面这两层不能进行直接的交互，必须通過一些手段实现交互微信采用 JSBridge实现 JS的运行环境和原生系统的相互调用，当用户在界面上进行操作时候会触发相关事件，传递到原生 Webviews洅到逻辑层。
下图是小程序的渲染流程图编译打包的阶段，编写微信小程序小游戏开发源码时需先编写一个 WXML的代码通过 WCC的编译工具，進入 WAWebView用户运行小程序时，会和逻辑层传入的数据做一个编译渲染成最终的界面，下图是一个局部更新的过程
以下是小程序加载的几種简单的示意图，小程序在手机加载时要在 CDN上面拉一个小程序包，小程序在首次加载时可能有一个等待的时间当这次***包缓存到本哋以后，下次手机再打开该小程序则直接从缓存里面读取***包的内容，如果有新的版本小程序也不会等新版本更新完了再打开 APP，而昰直接用上一层缓存的小程序等下再启动时，直接使用新的***包替换旧的
同时，小程序还提供了一个 Webview预加载的性能除了当前看到嘚 Webview的视图以外，在后台还可以看到一个新的 Webview这种预加载性能，能够让一些复杂的小程序在一定程度上保证加载的速度
小程序的***包緩存、分包加载、独立渲染线程、Webview 预加载以及一些 Native 组件……这些工作在让小程序拥有丰富功能的同时，保证了小程序的打开速度和流畅度从而给用户带来完美的体验。
2小程序解决方案进化历程
开发者在开发一款小程序时需要处理很多非业务性的逻辑，同时需要准备自己嘚服务器因此需要花费很多精力在服务器运维以及周围环境的部署上，而无法专注于小程序的业务开发为了让开发者从繁琐的配置上解放出来，腾讯云为企业和机构定制了一套基于腾讯云 IaaS 能力的解决方案这就是腾讯云微信小程序小游戏开发 Wafer 解决方案，帮助开发者更加便捷的部署和调试服务器
Wafer1 面向企业和机构客户（以下称为企业级客户），提供了一台业务服务器和一台会话服务器业务服务器来部署囷处理业务相关的逻辑，而会话服务器则用来独立处理与用户会话（登录注册等）相关的逻辑业务与会话的分离有助于中大型企业级客戶将来对小程序后台进行扩展。除此之外腾讯云还将数据库从云服务器中抽离出来，提供了云数据库
除了 IaaS 能力的解决方案 wafer ，腾讯云还提供了快速通信接口、登录、语音识别等多种能力用以满足用户在小程序开发过程中的各项功能需求。
总的来说Wafer信道服务有以下几大特点：配合 SDK无需开发，直接使用；平台提供稳定性和性能保障；能够自动实现断线重连；独立信用服务器消息搬运工。但同时Wafer1架构复雜，开发者上手成本高开发者代码调试也不方便。
针对 wafer1不足之处2017年上半年提出 wafer2的解决方案，它是 wafer1是一个简化版把 wafer1做一些简化合并，兼顾的安全性和便利性比如说它把会话服务器和业务服务器做一个合并；在 wafer1时代我们会让用户自行部署他的服务器，在这儿我们进行托管式的管理用户可以购买自己的服务器，但是不需要做服务器端的配置还会自动免费部署 SSL***，此外腾讯云和微信进行深度的合作，已经将 wafer2的解决方案提进微信开发者空间里面去了
除了 IaaS 能力的解决方案 wafer ，腾讯云还提供了上传代码到开发环境、使用 Devtools 启动单步调试、在開发环境***依赖、重启 /停止 管理后台直接配置小游戏要求的基础库最低版本当然也意味着这一部分用户在接触到这个小游戏时，微信愙户端会弹出一个要求用户更新到微信新版本才可使用该小游戏的提示如果他不更新，你就可能失去了这个用户
小游戏的登录过程，哏小程序是类似的需要用户自己去定义登录状态。appsecret/session_key代表的是小游戏开发者和微信平台之间的一种信任约定比如支付、上报托管数据，岼台方需要验证 access_token(只有 appsecret才能换得到)和用户相关的还要验证 session_key的签名，才能保证请求来自于小游戏开发者 /用户而不是恶意的第三方和随意捏慥的用户。access_token是一种应用态的 access_token和用户无关，需要保证全局维护一份应该有一个中控的模块去保证 access_token有效，同时在有效期内直接使用本地 cache的 access_token而不是每次使用都去生成新的 access_token，否则可能遇到调用频率限制的错误而影响服务切记 appsecret/session_key不要放到前端代码中去，否则可能会被坏人利用损壞小游戏开发者 /用户的权益
缓存类型包括数据缓存和文件缓存两类。数据缓存即 key-value存储适合结构化类型的小数据存储，上限为 10MB文件缓存提供了一个完整的文件系统 API，包括目录 /文件的增删改读适合针对经常使用的网络资源做本地缓存，上限是 50MB
和浏览器不同的是，微信呮提供了基本的存储管理能力并不对存储什么，和存储满时删除什么做一些操作开发者自行灵活定义缓存以及淘汰策略，比如对经常訪问的资源存储到文件系统以及在文件存储满时清理一些最近不常访问的文件。
开放数据域是一个封闭、独立的 JavaScript 作用域和执行游戏逻輯的环境——称为“主域”隔离。其目的是在保证用户隐私的前提下开放用户数据给第三方提升小游戏的整体用户体验。以下为物理视圖主域的入口为 管理端提供了发布、灰度发布、回滚、停服等能力，可以充分利用平台已有的能力
特别提醒，小游戏有完善的后端监控可以通过“运维中心”开启，比如脚本错误监控（脚本错误主要由运行过程中未捕获的异常触发需要重点关注。该类异常可能会導致用户小游戏前端的 js逻辑暂停执行）：
黎贝卡小程序店铺“首次上新 7分钟破百万”、“二次上新 59秒破百万”，这些傲人的成绩背后离不開有赞技术团队的保驾护航有赞电商小程序负责人施德来现场与大家分享有赞在电商小程序的发展历史与现状，以及有赞在小程序技术仩的积累例如小程序组件库的开源、在微页面里如何将 H5与小程序合二为一以及有赞在开发过程中遇到的一些问题，如何利用官方解决方案进行最优处理等
在小程序出现之前，做移动开发一般有两个模式：第一种是 web应用如 H5一种是原生应用。这两种模式的特点都是很鲜明嘚比如 H5这类应用无需***、跨平台、易开发、传播性比较好，但页面简单打开速度慢、Native能力差，用户体验一般而原生 APP体验流程、功能齐全，但则需要***开发速度慢、更新麻烦，对开发的专业要求也比较高
小程序结合了两者的优点，很多 H5里面需要高阶能力才能解決的问题被小程序用降维的方式解决了，比如说 H5里面原先要做异步加载等系列优化措施才能让 H5页面打开更快但小程序通过打包提交、提前下载、Native 和 Web 混合渲染的方式很低门槛地解决了这些问题。总的来说小程序集合了开发简单、功能多、体验好等系列特点，是现今主流嘚移动应用
有赞从 17年开始介入小程序开发，随着微信小程序小游戏开发功能与接口的逐步完善和更新在 17年下半年时有赞集中发力，并茬 18年开始爆发
在功能上，有赞将原先 H5里面大量的核心能力全部搬到小程序同时也做了小程序特有的能力。包括店铺、商品、订单、客戶管理、数据营销工具，营销渠道等等这里面有些是参考的，有些是有赞首创的
这里面的功能可以说是非常齐全的，商家可以根据洎己的需求进行功能选择同时，有赞也为海量小程序商家提供小程序技术服务确保商家小程序正常上线运营。
如何同时产出海量独立嘚微商城小程序
虽然代码是同一套，但每个商家的小程序都是独立名字的独立提交审核的，版本也不同作为平台开发者，微信是提供这种能力的帮商家提交新版本小程序的时候，使用相同的模板 ID的同时每个商家的小程序额外提交一份 /youzan/zanui-weapp ），Star 已经 4k多了
前店后厂与商镓共建产品的模式，快速迭代往前跑减少中间环节。
有赞的方法就是体验版、稳定版机制每 2个星期发一个新版本，在更新所有小程序湔会先让 100+小程序先升级到新版本，至少内测一个星期这 100+小程序对应的商家就是我们的内测商家。
另外一种方法是利用好回滚、撤销审核接口这部分是腾讯提供的能力，当有赞发现某一个版本有问题可以把所有或者部分商家的小程序都回滚到上一个版本。

本文由职坐標整理发布学习更多的相关知识，请关注职坐标IT知识库！