高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信小程序系统(共3篇)

微信小程序系统 第1篇

小程序业务后台,包括小程序基础后台、编译后台、小程序包管理、开发者工具后台等;

小程序双线程模型

小程序双线程模型,现在大家都已经很熟悉了,小程序在当时是一种新的产品形态,在小程序技术方案设计时,有一个很重要的点,就是要求安全、可管控,为了是实现这个要求,设计了双线程模型,将小程序分成了渲染层和逻辑层,在这基础上衍生出了小程序特有的通信模型、生命周期、事件系统、渲染机制等核心机制,后来为了解决双线程模型的一些性能限制、丰富开发生态等,衍生出了组件系统和插件系统。同时还涉及小程序的WXML、WXSS语言、编译、小程序的包管理等部分。

因此这是一个复杂的业务系统。如何保障这样一个复杂系统的质量是一个复杂的挑战。

早期研发模式

在小程序发展早期,需求是用git issue管理,用milestone管理版本,当时的研发模式比较简单。到后期随着业务的发展,逐渐暴露出一些问题。

第一,是代码合入没有管控和检查,还有一些开发直接在发布用的分支上进行开发,容易出现代码漏合、夹带的问题;

第二,版本没有一个固定周期,经常出现测试过程中有新需求合入的情况,导致版本越积越大,整体测试时间拉长,质量很难保障;

第三个问题,灰度没有控制,直接按百分比灰度用户,并且灰度的速度也没有标准,容易出现灰度过快的情况,当我们感知到有会影响用户的问题时,影响的范围已经很大。

还有就是,前面有提到到,小程序除了基础库,还涉及客户端、开发者工具、核心后台等产品的联动,原先在版本发布过程中,主要是靠人工沟通来进行流程的扭转,成本高且容易出现失误。

研发模式优化

首先是将研发流程细化,增加新功能测试阶段,新功能需要测试完成之后,通过mr合入release分支,同时对新开发、底层机制改动等情况引入code review机制;另外就是引入了开发者灰度,我们认为开发者对自身的小程序的问题是比较敏感的,反馈问题的意愿也比较高,平常也会调试自己的小程序,会更容易发现基础库潜在的问题,并且开发者拥有过开发者社区作为渠道进行反馈,反馈会更加的及时和准确。

同时在整个流程的各阶段分别整合、使用Bg内外的一些平台和能力,研发阶段利用蓝盾流水线、aflow等提高效率,开始灰度后利用ifeedback、ilogs等系统提升问题发现的能力,达到提升整体质量效能的目的。

具体措施

自动化完善及测试效率提升

在自动化完善的过程中,我们遇到了一些痛点:原自动化框架对小程序的场景覆盖能力不足,自动化效率低,小程序场景复杂、需要回归的用例多等。

针对场景覆盖能力不足

我们基于小程序调试协议新建了一套小程序测试框架minium,这么做有以下好处:

针对执行时间长

对测试框架进行进行了wetest云真机的支持改造,在集成时可以多任务、多机器并行执行,提高执行效率。

针对小程序场景复杂,需回归用例多的特点

利用分而治之的思想,根据小程序的特点,将UI/接口/核心机制的用例进行分层设计和组织,同时对研发流程的不同阶段,拆分不同粒度的测试任务,使自动化可以在更早的研发阶段跑起来,更早的发现问题,降低问题修复成本,针对集成阶段,对渲染自动化、组件自动化等耗时更长的任务,分配更多的机器,达到缩短整体执行时间的效果。

自动化完善及效率优化效果

基础库用户体验保障

小程序的启动性能是影响用户体验的一项重要因素,为了优化启动性能,业务团队专门成立了一个专项组,在优化的过程中,我们遇到了启动性能获取不准确,常规性能测试工具无法分析性能瓶颈,发现了性能恶化,定位和验证困难等问题。

为了能够准确的获取到启动过程中各阶段的耗时,我们细化了启动过程,采取客户端+基础库协议上报的方式进行性能数据获取。

然后划分启动场景制定启动自动化用例,建立了一套机制自动拉取协议数据,并计算不同阶段耗时,对比各个阶段的历史执行数据,生成测试报告以及可视化启动时序图,可以详细分析每个流程中的所有耗时细节 ,用来发现性能瓶颈。当出现性能异常时,利用二分思想采取自动构建、编包的方式,辅助定位导致异常的提交。每季度进行基准小程序+多类目小程序的方式进行启动性能竞品对比,保证微信小程序的用户体验。

智能monkey效果优化

为了能够更多的覆盖线上场景,发现潜在问题,我们会对线上的小程序进行monkey探索,目标是可以覆盖尽可能多的页面,发现js error/黑白屏/crash等,小程序运行过程中的页面可能会出现多种元素类型包括原生元素、小程序元素、以及canvas组件等特殊组件,怎样获取有效的操作元素,是保障monkey效果的前提。

以小程序元素为例,通过自建测试框架注入js的方式,获取到整个页面的页面树,然后结合前端和小程序的特征,将无效元素过滤,最终得到页面中的有效操作元素。

采用这样的元素获取方案后,执行20分钟monkey平均页面覆盖率提高到了36%,对比全程使用目标检测的方式,提升了89%。可以较为有效的对线上的小程序进行探索覆盖,保障版本质量。

总结

介绍了优化小程序基础库的研发模式,完善自动化能力和执行效率的工作,通过分析业务特点和研发过程各阶段的核心诉求,参与研发全过程,运用测试左移、右移,分层测试、分而治之等测试思想,与业务紧密结合,解决业务问题,提升业务质量和效能。

通过上面的一系列措施,基础库每月需求吞吐量提升超过30%,影响用户的问题比例下降90%,在保障业务迭代速度的同时较好的保障了业务质量。

腾讯WeTest提供

微信小程序系统 第2篇

在使用「上线了」小程序前,请仔细阅读《微信小程序平台服务条款》与《上线了-微信小程序服务条款》以确保能够顺利上线。

小程序代理商加盟

「上线了」是移动时代简单易用的小程序制作工具和建站工具,我们在寻找志同道合的你们。

小程序资讯

小程序行业最新动态

2020年3月23日

现在也有很多商家想制作自己的小程序商城,但苦于没技术、没太多时间,因此耽搁了不少时间,不知道小程序怎样制作。其实,即使零基础,你依旧可以顺利制作出自己的小程序,而且很快就能做好。下面就跟大家说说微信如何制作小程序......

2020年3月23日

在如今移动互联网时代,帮助各行各业商家连接线上线下双渠道的工具,大家比较常见的就是微信小程序了。现在想要开发自己的小程序的商家也越来越多,那么如何在不懂代码、不懂设计知识、缺乏资金和时间的情况下,顺利制作一个小程序呢?微信小程序在哪里开发?这就需要你用到微信小程序开发工具了......

音乐小程序解决方案:会玩的音乐机构,都是这样制作音乐小程序的

2019年11月20日

Hello小伙伴们,好久没给大家输出行业小程序解决方案啦!今天要带大家走近这几年来非常火热的文娱产业,一起来看看音乐从业者是怎样玩转小程序的!

2019年8月26日

前不久,热播剧《长安十二时辰》引得伙伴们茶语饭后热议不断。今天,上线君将为大家“播放”销售人的一天,为各位伙伴带来,你不知道的销售人十二时辰……

2019年8月21日

截止目前,通过「上线了」发布的小程序已占微信小程序发布总量的 3%。一定程度上,腾讯 Q2 财报中有关小程序发展趋势,也为「上线了」细化中长尾商户使用需求,持续优化产品与服务提供了借鉴。

2019年7月26日

有互联网思维的老板,都会借助小程序来获取一波线上红利。这不,上线君今天要带来的3个案例,就出自几个精明的农副产品创业老板,看看他们是如何通过小程序玩转新零售的。

2019年7月22日

随着90后、95后逐渐成为电商服饰的消费主力军,潮牌的概念也越来越受到欢迎。我们不难发现,不少淘宝优质卖家,都是通过卖潮牌服饰迅速崛起的。想通过做潮牌创业的小伙伴们,搭建个小程序是正经事!

2018年8月23日

与大部分服务业不同,中介服务业的痛点并不在于获客难,而是在于要为服务商和用户搭建起一个沟通桥梁。影响中介服务业发展的,其实就是流量。 微信拥有着庞大的用户池,商家想要打开缺口,可以利用微信小...

Copyright © 2012-2019 上线了 All Rights Reserved.

微信小程序系统 第3篇

为了帮助开发者简单和高效地开发和调试微信小程序,还需要相关的开发配套设置。

开发者社区,包括交流专区、服务市场、微信学堂、开发文档等,是开发者分享学习小程序开发经验、反馈问题等活动的重要渠道;

云开发,无需搭建服务器,可免鉴权直接使用平台提供的 API 进行业务开发,帮助开发者快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力;

云托管,以云原生为基础的,免运维、高可用服务上云解决方案,无需服务器,1分钟即可部署小程序/公众号服务端;

猜你喜欢