要在SAP中运行ReactJS应用程序,我建议创建一个新的BSP应用程序,并从本质上模仿NodeJS中的serve-s build命令(前提是您的React应用程序是用create React app引导的)。
前提条件:
使用create React app CLI工具创建React web应用程序。运行npm Run build命令
逐步教程:
1)在SE80中创建定制(Z)BSP应用程序
添加索引.htm在SAP中定制BSP应用程序的页面with Flow Logic文件夹中归档。
2)复制react应用程序/构建的内容/索引.html归档到索引.htmSAP中BSP应用程序的文件。
您的反应生成索引.html文件应该是这样的:
3)复制(Ctrl+X)包含内联JavaScript的script标签的内容(就在root ID的div下面);
并替换为:
4)创建脚本.js在步骤1中创建的BSP应用程序的MIMEs文件夹中的文件。
5)粘贴步骤3中复制的脚本的内容。只需确保代码是纯JavaScript,不包含HTML或标记。
6)在BSP应用程序的MIMEs文件夹中创建以下文件夹。
7)在上述两个文件夹中创建作为React/NodeJS build命令的一部分生成的相应css和js文件。
例如:
8)确保已将所有React缩小的js和css文件内容复制到相应的BSP应用程序文件中。
仅此而已。
不要忘记保存和激活所有内容。
您可以包含任何附加链接或引用文件,淘客联盟,这些链接或引用文件是按照上述步骤生成的。
您已完成索引.htm应该像这样:
你的文件夹结构应该像这样:
您应该能够通过右键单击SE80中的BSP应用程序并按下测试选项(就在激活下方)来访问web应用程序。
这种方法应该适用于许多流行的前端框架,云服务器器,人工智能知识体系,如Angular或Vue。只需确保遵循所选前端框架的构建过程,微信返利机器人,大数据如何处理,并将生成的文件作为BSP应用程序上传到SAP系统,如上所述。
希望这对您有所帮助。