当前位置: 主页 > 建站知识 > APP开发

小程序前端开发-微信小程序 前端框架

发布时间:2023-04-17 07:02   浏览次数:次   作者:佚名

小程序前端开发_微信小程序 前端框架_java后端加微信小程序前端

2017 年,微信小程序上线。通过「无需安装、用完即走」的轻便形态,小程序可以快速解决用户的实际需求。在互联网人口红利见顶的大背景下,小程序成为移动互联网从业者们的布局重点。

2018 年9 月,小程序·云开发正式上线,打通了小程序前端与云资源的链路,省去运维成本,帮助开发者快速上线和迭代小程序。这也标志着Serverless理念开始在国内有了大规模的应用落地。

1 疯狂的一年

回望这一年,小程序·云开发团队收到最多的反馈就是:“为什么XXX功能还没上,为什么XXX还不能支持。”不断涌现的客户需求推着团队快速向前。

2019 年 1 月,上线监控告警能力,提升产品保障性;

2019 年 4 月,上线云调用能力,进一步降低开发小程序门槛,提升研发效率;

java后端加微信小程序前端_微信小程序 前端框架_小程序前端开发

2019 年 5 月,新增智能客服解决方案,与即速等服务商开展合作;

2019 年 7 月,上线预付费能力,正式成为商用产品;

2019 年 8 月,上线实时推送能力,切入小游戏引擎市场;

2019 年 9 月,上线了代金券和新套餐,支持企业用户灵活购买;

……

伴随着高频率的功能上新,小程序·云开发的技术逐渐成熟。

微信小程序 前端框架_小程序前端开发_java后端加微信小程序前端

云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,与开发者已经使用的云服务相互兼容,并不互斥。

那么,小程序·云开发如何让前端开发者无需考虑后端实现,专注于业务开发呢?这就不得不提到小程序·云开发提供的两大能力:基础能力及腾讯云基于小程序·云开发输出的增值能力。

java后端加微信小程序前端_微信小程序 前端框架_小程序前端开发

小程序·云开发的基础能力是依托微信生态,深度定制高频云产品组件,提供便捷的、一体化的小程序原生基础产品能力,目前包括云函数、云数据库、云存储、云调用等服务。

而腾讯云基于小程序·云开发输出的增值能力,核心为打通云开发与公有云服务链路,提供丰富小程序应用场景,并整合图像识别、音视频以及其它腾讯云基础产品的能力,通过模块化一键部署至云函数,不需要后台开发,后续只需要调用函数即可实现功能。

不仅如此,腾讯云基于小程序·云开发输出的增值能力在进一步减少小程序开发技术需求的同时,以业务场景为入口,借助云开发能力,不断降低新技术的使用门槛。其中小程序前端开发,开发者们最为期待的当属AI 与小程序的结合。

java后端加微信小程序前端_微信小程序 前端框架_小程序前端开发

2AI 场景中落地

当下,AI 技术浪潮正改变我们生活的方方面面,很多开发者都有过在自己项目中使用AI 技术的想法。然而由于入门AI的难度比较大,并且上手时间较长,许多开发者在小程序研发筹备期就放弃了。而在近日,小程序·云开发上线AI 增值服务,通过文档或者代码的形式,降低小程序AI 使用门槛,让开发者在研发中轻松调用AI 服务,满足不同小程序业务场景的个性化需求。

在要求实时性较强的AI场景下,因为依赖强计算力,如果将原有的技术方案直接在小程序本端运行,就会出现一些性能上的问题。那么,针对此类问题,小程序·云开发又是如何解决的呢?

首先,团队会对项目进行技术评估,确保在微信小程序框架下具可行性;其次应用测试中对性能进行评估,适配不同机型、不同设备上的内存限制以及CPU限制;最后在代码层面上通过编译等手段使用单一数据类型,减少运行时类型推断与隐式转换,加快执行效率。同时采用手动控制内存的方式,防止内存频繁开辟回收引起的性能与资源问题。

目前,腾讯云基于小程序·云开发输出的增值能力已全面开放了增值服务AI 智能图像能力,其借助了腾讯云人脸识别、人脸核身和人脸融合功能,通过云开发的云函数和存储,简化素材存储、配置拉取和服务调用image-node-sdk 等功能,并为企业提供定制化的解决方案,满足不同企业对于小程序功能的不同需求。

以“杰尼亚何谓当代男士小程序”为例。对于为奢侈品牌的定制化需求,在以往开发的过程中,D1M(第一秒)电商科技总会为每个品牌搭建独立的环境小程序前端开发,部署整套代码,由于定制开发居多,相对而言代码复用率不高。如何在小程序开发的过程中,以敏捷高效的方式实现具有趣味性的互动,成为D1M 在开发该小程序初期所面临的最大痛点。在此背景下,D1M 借助腾讯云基于小程序·云开发输出的“AI 滤镜”增值服务,为杰尼亚打造小程序,并将继续推进“人脸融合”功能上线。

小程序前端开发_java后端加微信小程序前端_微信小程序 前端框架

应用场景(一):新品 T 恤上线明星代言试穿,引导用户滤镜自拍并分享

在微信小程序中每张中等质量的图像原始数据量都在 2M 左右,受限于移动设备与运行环境算力和其他资源,如在小程序本地处理即时对图像进行计算处理及渲染,小程序性能及稳定性将面临巨大挑战。

这时,小程序·云开发首先将独有的图像处理算法移植到小程序平台,实现了图像的本地处理,减少上传与下载网络消耗。再加之云开发在性能与系统资源管控方面的优化,AI 滤镜增值能力可使小程序在 20-30ms 内,完成一张 480P 分辨率的图象处理和渲染,这也是腾讯云基于小程序·云开发输出的极具代表性的增值技术能力。

微信小程序 前端框架_小程序前端开发_java后端加微信小程序前端

基于AI 滤镜增值能力优越的性能,其不仅可以像传统滤镜服务一样实现照片的处理,还可以在拍摄过程中实现实时的滤镜效果预览。AI 滤镜技术对核心图像处理 API 与集成自定义组件两部分进行插件封装。其中,集成自定义组件基于微信官方组件,封装初始化、监听、处理、渲染、读取等能力,做到了开箱即用。细节上在微信官方组件的回调中,小程序会对摄像头像数据以30FPS的帧率进行实时读取,之后结合原始 API 中封装的优图 X-lab 滤镜算法,对像素帧数据进行矩阵运算,最终渲染到webgl画布中,屏幕中呈现用户带有滤镜效果的自拍图像。

应用场景(二):模特试穿照片与用户自拍的人脸融合(即将上线)

小程序前端开发_java后端加微信小程序前端_微信小程序 前端框架

小程序·云开发的另一项AI增值能力——人脸融合,封装了腾讯云AI 团队已有的人脸融合技术能力,在实现函数内免鉴权调用的同时,对两张人像进行脸部融合,进而输出融合图像。但如何获取合适的 【图像主体】 内容,成为人脸融合面临的一大挑战。

面对人脸融合场景难点,人工进行预处理是万无一失的办法,但面对数据巨大的内容信息,基于可直接部署并使用的云函数,并借助腾讯云基于小程序·云开发输出的AI 人脸特征分析与检测能力,就可以得到图像宽高像素数量,以及图像中人脸的位置、大小、分析属性、质量等信息,根据这些信息就可以准确裁剪。而在云函数的接入过程中,其庞大集群的快速扩容能力,也足以hold 住百万级,甚至千万级的高并发使用场景。

3 开发者论道

从以上我们可以看出,小程序·云开发凭借灵活、快速等诸多优点,不仅让应用触手可得,为越来越多的用户带来便利,也成为连接线上与线下、虚拟与现实的利器,承载大量开发者与各个产业进行连接的使命。

为了加强与开发者的沟通,10 月19 日,微信小程序和腾讯云团队将联合举办首次「小程序·云开发」技术峰会。

届时,微信小程序团队和腾讯云团队将联袂解读「小程序·云开发」的最新能力,为小程序开发者升级工具箱;顶级技术大牛将讲解前端技术最新的发展趋势,帮助开发者拓展技术视野;腾讯内外部的技术团队,也将分享基于「小程序·云开发」高效打造小程序的实战经验。

java后端加微信小程序前端_小程序前端开发_微信小程序 前端框架