generator-easy-ui5的Github仓库地址:https://github.com/SAP/genera...这个工具是为了简化创建SAPUI5应用程序和设计。使用如下命令行安装该工具:npminstall-gyogenerator-easy-ui5安装完成后,执行命令行yo:如果看到上面的输出,说明生成器安装成功。选择EasyUi5并按Enter。错误:意外标记“.”应该选择@sap/fiori,然后会显示一个创建向导,一一回答向导的问题,回车进入下一个向导项。自动生成的文件列表如下:最后一定要看到Applicationgeneratedsuccessfully的提示:下面我们来看看generator-easy-ui5帮我们自动生成了哪些文件。package.json中的devDependencies和dependencies:"devDependencies":{"@ui5/cli":"^2.11.1","@ui5/fs":"^2.0.6","@ui5/logger":"^2.0.1","@sap/ux-ui5-tooling":"1","rimraf":"3.0.2"},"ui5":{"dependencies":["@sap/ux-ui5-工具"]}script区有很多fiori命令行,来自@sap/ux-ui5-tooling:scriptstart和start-local的区别是使用ui5.yaml还是ui5-local.yaml:"start":"fiorirun--open'index.html'","start-local":"fiorirun--config./ui5-local.yaml--open'index.html'",runnpmrunstart:成功打开SAPUI5page:打开ui5.yaml文件查看代理服务器配置:specVersion:'1.0'metadata:name:'project1'type:applicationui5Theme:sap_fiori_3server:customMiddleware:-name:fiori-tools-proxyafterMiddleware:compressionconfiguration:ignoreCertError:false#如果设置为true,证书错误将被忽略。例如。自签名证书将被接受后端:-路径:/sap/opu/odataurl:http://localhostui5:路径:-/resources-/test-resourcesurl:https://ui5.sap.com版本:#UI5版本,比如1.78.1。Empty表示最新版本——name:fiori-tools-appreloadafterMiddleware:compressionconfiguration:port:35729path:webapp高亮区的意思是如果SAPUI5发起的url包含/resources或者/test-resources,然后域将自动替换为https://ui5.sap.com。如果我们把ui5.sap。把com改成ui5.sap1.com,会看到预期的getaddrinfoENOTFOUNDui5.sap1.comError:当然我们在Chrome的network选项卡中直接看不到请求来自https://ui5developertools.sap.com:https://ui5.sap.com/resources...有了这个代理服务器,我们就不需要在index.html中引入CDN的SAPUI5库,直接使用相对路径资源/sap-ui-core.js就够了:更多Jerry的原创文章在这里:《王子熙》:
