打造小程序生态架构图（微信小程序架构图）

本篇文章给大家谈谈打造小程序生态架构图，以及微信小程序架构图对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享打造小程序生态架构图的知识，其中也会对微信小程序架构图进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、微信小程序架构篇
• 2、原生App实现小程序框架（一）
• 3、产品经理要理解的架构图（结构图）
• 4、开发一个小程序，都需要什么流程

微信小程序架构篇

一、小程序架构
每个小程序打造小程序生态架构图的结构都有两个主要部分构成：主体部分+各个页面。类似于许多框架，主体部分主要用于核心的配置，各个页面主要用于不同业务场景。

1.1、主体部分主要由3个文件构成
1）app.js：小程序逻辑，初始化APP
2）app.json：小程序配置，比如导航、窗口、页面http请求跳转等
3）app.wxss：公共样式配置

主体配置完成之后，就是对应业务开发了，也就是开发者最常操作的页面。小程序页面设计基本上也是遵循MVC结构进行构建。

1.2、页面由4个文件构成
1）js：页面逻辑，相当于控制层（C）打造小程序生态架构图；也包括部分的数据（M）
2）wxml：页面结构展示，相当于视图层（V）
3）wxss：页面样式表，纯前端，用于辅助wxml展示
4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）

二、配置app.json
app.json
全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

pages
接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成

window
用于设置小程序的状态栏、导航条、标题、窗口背景色。

tabBar
通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。tabBar配置数组，只能配置最少2个、最多5个tab，tab按数组的顺序排序。

networkTimeout
可以设置各种网络请求的超时时间。

debug：true/false
可以在开发者工具中开启debug模式，在开发者工具的控制台面板，调试信息以info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。可以帮助开发者快速定位一些常见的问题

page.json
每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的哦诶址比app.json全局配置简单的多，只是设置app.json中的window配置项的内容，页面中配置项会覆盖app.json的window中相同的配置项。

原生App实现小程序框架（一）

最近几年小程序打造小程序生态架构图的生态越来越完善打造小程序生态架构图，各家打造小程序生态架构图的流量App也都在搭建自己的小程序生态。 抛开小程序的业务生态，单纯从技术的角度来说，小程序的远程派发和容器化的跨平台的技术实现对本人日常的架构思考和设计有很大的启示作用。
在最近的工作中，我一直思考着一种客户端容器化架构，让Flutter、Web这两种跨平台的技术实现可以运行在像简化的Docker容器中，原生App提供容器的运行时。

为什么选择实现一个简单的小程序打造小程序生态架构图？

架构设计点：

产品经理要理解的架构图（结构图）

产品经理在工作过程中会遇到各种结构图（结构图），这些名词很容易混淆。一般情况下，3-5年经验，善于总结归纳的产品经理才能逐步理解这些概念的含义，并且相对灵活的运用到工作中。下面针对这些概念来系统地梳理一下，同时也是加深自己的理解和认知，希望能有所启发。

功能结构图就是按照功能的从属关系画成的图表，在该图表中的每一个框都称为一个功能模块。功能模块可以根据具体情况分得大一点或小一点，分解得最小功能模块可以是一个程序中的每个处理过程，而较大的功能模块则可能是完成某一个任务的一组程序。（百度定义）

用通俗的话来说，功能结构图就是以功能模块为类别，介绍模块下其各功能组成的图表。功能结构图一般不涉及具体的字段信息，只强调功能的逻辑关系。

以微信为例，我们可以看到整个微信分为4个大的模块：微信、通讯录、发现、我的。发现模块里面有各种功能，比如朋友圈、小程序等等。这里插一句题外话，一般人很少注意到微信底栏第一个菜单是“微信”，往往以为是“消息”“聊天”之类的。网上各种各样的解释都有，我则更愿意理解为微信对自身的自信和坚持，正如微信自己描述的定位一样，它本身就是一种生活方式。
信息结构图是将产品的数据信息抽象出来，直观进行展示的图表。它可以帮助产品经理理解复杂元素的构成，帮助开发进行进行表结构设计。

信息结构图的绘制通常晚于功能结构图，往往是在产品设计阶段的概念化过程中，在产品功能框架已确定、功能结构已完善好的情况下才对产品信息结构进行分析设计。

同样是以微信为例，下图列出了微信公众号文章涉及的一些核心字段。这些能帮助产品经理和技术来理解整个产品方案的设计过程。
产品结构图是综合展示产品信息和功能逻辑的图表，也就是说看到产品结构图能快速了解产品的功能和信息结构。某种程度上来说，产品结构图绘制出来，原型图上的信息和功能基本就已经确定了。

当然这个理解目前在业内没有形成一致的共识，只是一部分人这么理解而已。很多时候产品经理在进行整理的时候，不自觉地将这两者融合在一起，因为功能是在页面里面的，围绕信息展开的，所以有时候并不需要分那么清，只要能把事情说清楚，不需要纠结。

在产品设计的过程中，一般是从产品功能结构图出发，直到最后完成产品结构图。 完成产品结构图之前最好不要开始画原型，做产品设计，因为这个时候对整体框架，流程还没有完整的认知，过早开始往往是做无用功。

软件架构的核心价值是控制系统的复杂性，将核心业务逻辑和技术细节的分离与解耦。架构一般可为分业务架构、应用架构、技术架构。其中业务架构是战略，应用架构是战术，技术架构是装备。

架构的目的通俗来说就是把复杂的东西简单化，标准化，流程化，自动化。下面来分别解释一下。

产品架构图有时候也叫做业务架构图，是对于产品底层的设计，涉及到整个产品的业务流程，比较复杂。

产品架构图是不断演进的，其改变往往意味着产品维度进行大的调整，无论是功能还是信息都会有大的变动。

产品架构图面向公司层面，偏战略；考虑的是如何为用户提供价值，以及企业可以通过什么方式来实现盈利的问题。

还有一种划分是把产品架构图和业务架构图分开，先有业务再有产品。举一个简单的例子，美团的业务包括外卖，到店和酒旅业务等。用一个词概括就是“吃喝玩乐”，围绕优惠折扣，服务这些关键词展开，这个就是美团的业务架构。在外卖业务中，分为C端、商家、骑手等终端，如何让用户更快捷找到优惠，让骑手更快速的送出外卖，这些就是产品架构层面的事情。骑手送餐可能会出现部分骑手绕路耽误时间的情况，但是从整个平台的角度来看，基本是公平，高效的。
应用架构起到承上启下的作用：一方面承接业务架构的落地，另外一方面影响技术选型。

比较常用的划分是应用架构类型：单体式、分布式、SOA架构。

分布式应用架构中，不同应用是独立的，应用内部高内聚，应用之间松耦合，可以灵活的进行分布式部署。同时缺点也比较明显，那就是不同应用之间通信连接都需要额外的工作量，同时整个架构设计变得复杂维护起来成本必然增加。
到技术这一层整个系统的设计已经比较清晰了，尽管技术架构图涉及的技术模型一般都比较多。但经过拆解，分组，已经非常直观了，我们可以把技术架构图简单理解为具体的装修设计图，剩下的就是靠技术人员分批分模块来慢慢实现了。

下面引用一张美团的系统架构图，这只是美团业务体系的一个缩影。从图里面我们可以了解到美团的业务极其复杂，使用的技术也非常多。
组织架构是企业的流程运转、部门设置及职能规划等最基本的结构依据，常见的组织架构形式包括中央集权制、分权制、直线式以及矩阵式等。（百度定义）不同公司的组织结构差别很大，在不同时期往往也不一样。组织结构是在不断进化的，其目地就是为了使工作职责明确，工作目标性强 ，提高生产力。

下面引用一张腾讯公司的的组织架构图，从这里可以看出很多信息。比如微信产品的重要性，任宇昕的重要性，腾讯对于内容产品的重视等等。
以上理解是本人参考了大量的资料，结合自己的工作经历总结出来的。由于自己的水平有限，难免有描述不准确、不正确的地方，恳请各位读者海涵，欢迎有兴趣的读者添加我的微信一起交流探索，共同进步。

开发一个小程序，都需要什么流程

我们可以先将小程序开发过程捋一捋，分为以下几个部分：

1、需求调研和梳理

2、产品的设计和审核

3、UI设计和审核

4、分解开发任务和排期

5、开发与联调

6、小程序测试以及修改bug

由于前期需求沟通可能会花费大量的时间，所以开发者一定首先明确自己要做什么，以及这个需求是否能实现，定制化开发更有利于项目的靠谱落地，在某种程度上，降低后期的时间。

目前小程序开发有三种方式，不同的方式和小程序功能的复杂程度决定了小程序开发所需要用的时间。

自己开发小程序。自行开发小程序需要公司拥有自己的技术人员，程序的复杂程度是时间的主要衡量标准。

外包。核算成本后，在预算允许内，可以选择找技术公司进行外包，功能简单的一般要一个月到三个月不等，能够满足需求，后期维护简单。

购买模板。这种发式可以快速获得小程序，但功能单一，后期更迭难度大。

关于打造小程序生态架构图和微信小程序架构图的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 打造小程序生态架构图的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于微信小程序架构图、打造小程序生态架构图的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。