记录学习华为WeLink小程序的开发过程

时间:2024-05-20 18:32:17

背景

2019到2020过渡经历了一件大事——新型冠状病毒疫情的爆发。作为一个应届实习生,我很幸运没有丢掉这份工作,尽管呆在这里没有什么实际的进阶,但是也算是学到不同的技术。先前的华为商业应用开发云,现在又是华为WeLink,为啥又是华为,而且为啥又是一个用的人少,对一个新手不友好的学习过程。说正题,WeLink是华为推出的一款远程办公软件(疫情让远程办公复兴了),这款软件内置有很多小程序,而且也提供给企业二度开发小程序的平台与接口来满足企业需求。很不巧,作为公司唯一的实习开发生,这个任务在我身上了。

萌新小程序探路

跟上一个学习经历真的是Ctrl C、Ctrl V!跟我平时网上找代码一样,
提供一个we码开发工具,再提供一个小程序开发的学习手册,提供一些服务端API、前端API和前端组件。说实话,在这之前,小程序我只知道微信小程序,并下载它的开发平台来看过,但说到开发,那就抱歉了。现在要我开发另一个软件的小程序,且学习资料真的是寥寥无几,没办法了,研究微信小程序,对照着看有什么相同之处,不得不说微信小程序的资料真的是很多很完善。

摆弄环境

要开发,那就要布置环境吧,还好,跟微信一样,下载个集成的开发工具就可以了,但是这也花了我一天的时间,原因是:它的手册上提供的是比较老版本的开发环境布置方法,要下载这个组件,配置那个环境变量,模板得自己下,自己导入。等我弄得差不多了,结果发现它有最新的集成环境,下载即用。吐血。
来看看开发平台
记录学习华为WeLink小程序的开发过程

研究组件

对于手册它提供的组件有俩:ui和React-ui很显然我对后者不是很熟练,所以我果断选择了基础的ui组件。小程序嘛,面向移动端的,所以提供的组件不求花里胡哨,但求实用即可是吧,来我们看看图记录学习华为WeLink小程序的开发过程
刚开始的时候我觉得还是很友好的,提供具体的代码、样式还有移动端模拟等,对我来说复制就可以用了撒,但是当我具体要使用来copy代码的时候才发现,我的天,果然只是有样式,根本不是它模拟的那个月,具体的功能得自己写。嘿嘿,其实也很满足了,不用调样式,那才恶心呢,逻辑自己写也是正常的,不然谁都是程序员了。

API

虽然对API这个词知道很早,但是真的理解是在学这个期间,想要用它你得知道它是啥吧,所以我找到一篇很好的文章来解说。SDK和APID的区别
说白了API就是个吸管,SDK是个罐子,想要喝罐子里的水就得靠这跟吸管。
官方提供的API有服务端也有前端的,总体还是比较全的。
记录学习华为WeLink小程序的开发过程

总结

我做的是个关于工作报告的小程序,说起来也算比较容易,通过实实在在的对一个一个功能模块的实现很容易就搞懂了这么个开发流程,说起来也不是太难,难得是对新事物的那种恐惧。