『全栈开发』小程序开发过程全记录(二):技术选型, uni-app测评

『全栈开发』小程序开发过程全记录(二):技术选型, uni-app测评
wanghao
wanghao
115
阅读
0
评论
2021年10月25日08:04:52 0 115

明白了小程序要实现什么样的功能之后,就进入到了下一个阶段,技术选型。

简单说来,就是用什么样的技术框架来开发出满足上述需求的小程序。

中午想吃宫保鸡丁,在下厨房上找菜谱,会通过有多少人做过,做出来好不好吃,都需要用什么材料,加工过程复不复杂等考虑因素,选择一个适合自己的菜谱,然后“照猫画虎”做出这道菜。

写程序在本质上和做菜是一样一样滴。

接下来,先列出几个技术实现的候选方案,我们一一评估一下,看看哪个更适合。

方案一:

原生小程序——微信提供的开发小程序的技术方案,不使用任何第三方框架

SpringBoot——基于java语言的后端框架

方案二:

uni-app——第三方框架,uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,解决了多个平台,分别需要些多套代码,开发效率低,开发成本高的问题。

uniCloud——uniCloud 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。

方案三:(多了解这类工具是特别好的习惯)

变色龙云、上线了等非技术人员可以制作出小程序和APP的工具

第一套方案一直是我以前所采用的开发小程序的方案。

所以在这次技术选型的时候,我们先评估一下第二套方案的可行性。然后再把第一套方案和第二套方案做对比,最终确定选择哪一个。

接下来的复盘内容,主要是了解、学习、评估uniApp+uniCloud。

我自己了解一套新的技术框架的第1步:

就是跑通——hello world!!(如果跑通这最简单的一个东东都会耗费你很多的时间和精力,建议这个技术方案就pass掉,现在是敏捷开发的时代,易用性一定是很重要的考量指标) 

先来体验一下,uni-app,按照下面提供的攻略,一步一步来:

1

注册

根据微信官方指引填写信息后者百度一下,小程序注册,有很多的教程或者视频,按照提示步骤,一步一步来,就可以完成小程序的注册。(有事儿找度娘,准没错)

2

安装开发工具

因为要试用uni-app,必须安装HBuilderX工具,这个是捆绑的,没得选择。

当然微信小程序的微信开发者工具也是要安装的,微信开发者工具呢建议还是安装最新版的,原因当然是最新版的会不断加入很多新特性。

可以跟着B站上的教学视频,学习怎么安装这两个开发工具。

《Uni-App从入门到实战-黑马程序员杭州校区出品》的第二节课讲的还是比较清楚的。

3

Hello world 一下

《Uni-App从入门到实战-黑马程序员杭州校区出品》的第二节课的后半部分,详细的讲解了,怎么创建一个最简单的Uni-App项目。

小结

uni-app,值得学习和使用

余额充值 点赞(0)
weinxin
账号+金额发此微信
充值后请把会员账号/用户名+充值金额发送到此微信:tourism52
30 ,多个,超棒的 ,css,动画,资源 菜鸟教程

30 多个超棒的 CSS 动画资源

今天我要介绍的是一些很棒的CSS动画资源,可帮助你快速又轻松地对组件进行动画渲染。CSS动画代码生成器1. Bounce.jsBounce.js是一个 JS 工具库,可让您创建漂亮...
经典,好文,一篇,文章,教你,学会,Git,经典,好文, 菜鸟教程

经典好文:一篇文章,教你学会Git

经典好文:一篇文章,教你学会Git 点击上方关注,快速进阶高级架构师 在日常工作中,经常会用到Git操作。但是对于新人来讲,刚上来对Git很陌生,操作起来也很懵逼。本篇文章主要针对...
收藏!MySQL 面试必须掌握的 8 个知识点 菜鸟教程

收藏!MySQL 面试必须掌握的 8 个知识点

上周末和在北京的哥们国仔涮火锅,席间聊起了最近面试的经历。 他说想换工作的原因很简单,就是要涨工资,原来的公司呆了两年多,薪资浮动不超过 500 元。而身边跳槽的那些同事,薪资都已...
XQuery,FLWOR,HTML,XQuery,FLWOR,HTML,XML,实例,文档, 菜鸟教程

XQuery FLWOR + HTML

XQuery FLWOR + HTML XML 实例文档 我们将在下面的例子中继续使用这个 books.xml 文档(与上一节中的文件相同)。 在您的浏览器中查看 books.xm...
零,基础,快速,自学,SQL,2天,足矣,零,基础,快速, 菜鸟教程

零基础快速自学SQL,2天足矣!

零基础快速自学SQL,2天足矣! 此文是《10周入门数据分析》系列的第6篇。 想了解学习路线,可以先行阅读学习计划 | 10周入门数据分析 上一篇分享了数据库的基础知识,以及如何安...
WMLScript,trim,函数,WMLScript,trim,函数,返回,去掉, 菜鸟教程

WMLScript trim() 函数

WMLScript trim() 函数 trim() 函数返回去掉开头和结尾空格后的字符串。 语法 n = String.trim(string) 成分 描述 n 从函数返回的字符...

Comment list 共有 0 条评论

暂无评论