Angular Schematics 在 SAP 电商云 UI 开发中的应用原创

Hello everyone welcome'to angular update comeatics presentation so what are angular updates comeatics so update catictics are angular mechanism that enables us developers of libraries。Two。Automatically upgrade dependencies for customers。And we also have a possibility to handle some deprecated code in customers code base as well as handle breaking changes for them so that customers do not have to deal with all these stuff。His particles we use angular updateschematics to handle the following use cases。So first we handle constructed application so we either ADD or remove parameters from。Ors that belong to services。

That customers used to extend our particle services。Next we handle some deprecated API'for example if we removed some API from our public API those API are no longer no longer available to customers so they can't use them and we handle those cases then we also have a component migration。Which does a very similar job as constructed application with addition of handling HTML files both in line and external files as part of our HTML template。And we also have a necessary migration script。That migrates customers that do use as a star。And the reason why we added this is because。

And universal line introduced some changes in how configured。Weed angular and now let's take a look at the creek DEMO。So here I have regular particles application it's using one point four version and。I also have some examples here。So here I have a test component which is using which is extending customer consent management form component and it'using this。Property called is level one point three this property is removed into point zero so after the upgrade we expect some errors in this file and we can see that this property is also used in the。Template。So we would also expect some errors in this。

Part of the component。嗯。Now I also have this test service example that's extending in this case card page layout handler service from particles and it's injecting one dependency called card service。Inter point to this service is no longer uses this dependency。And it adds to other dependencies so up to upgrade。This test would results in an error but we'LL see how particles will handle this case。And third example is。API example which is important cardifacts frompartic score and this API is no longer available into pointto。As so we do expect some errors in this part after we upgrade。

Now I'm gonna run the upgrade process I'm gonna run the。Nng update at particles slashematics command and I'm going to use ta dissh ma flag which indicated that we want to use in this particular case are c one version of schematics meaning the version that's not yet。Fully stable on m PM。And now it'salic and doing it。Update process thetime you can take a look at one change。We see immediately that all particles versions have been。Bumped from one point four two two point two r c one。And also some other packages have been obated as well。And we can also see that some migration scripts are running here currently we are adding gen g。

Ang local。Package。Which is added here。As some other scripts running it should be that soon。And。So here we can see the changes。So case of test component file。We see it。This API this property is no longer available and we inserted the comments s to customers that this property is no longer available so To Get rid of this error you would need to slightly factor this part or just just not use the property at all。And the same is for the HTML。Template here we have inserted the comment in the HTML file as well。

Saying that this property is no longer available。Next if you take a look at the service you will see that this card service which was injected previously is no longer here。So on the right side we have a new。While we see that we replaced the car service with two other dependencies active car service and selective card。Serious。You're passing both to sup。And we are importing both from。It's part of the score。So customers in this case do not have to。嗯。Take care of the。The mistake。So in this case customers do not have to take care of the。Deprec themselves。And the last example is the example which。

Which is very straightforward since this card effectts。API is no longer available in part score we'are just telling customers that this error is not。Something that's。That's a bug but we actually are aware of that and we're telling customers that since artifact is no longer a part of the public API they should look into our migration guide for more information how to proceed with this。Particular API。Okay that's it for the devil。And now for the future plan。For discchematics this is our first take on schematics and we are looking forward for some feedback。We planned to。Use kmatics update katic is part of our regular released life cycle so whenever we introduce some breaking changes in our next versions we plan immediately develop migration streets。

That would be executed。And customers would just。Have a seamless upgrade experience。And we also plan to develop some devchematics which would be used mostly internally to deploys particles on。Our internal servers。And the same as kinetics would be used To Generate different flavors of partles for example we can the CDS application。Or we can generate an application that will use part of this libraries and test outlets for example。S fors my name is ni。