You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/advanced/technical/over_the_wire.md
+20-22Lines changed: 20 additions & 22 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,18 +1,16 @@
1
1
# Key Idea: Over-the-Wire in abap2UI5
2
2
3
3
The key idea of **abap2UI5** is to apply the principles of **Over-the-Wire (OtW)** web development to the SAP ecosystem.
4
-
Over-the-Wire refers to a pattern where the **server is responsible for rendering the user interface (UI)** and sends **ready-to-render HTML fragments** to the browser.
5
-
This avoids complex client-side frameworks and keeps the frontend lean and maintainable.
4
+
5
+
Over-the-Wire refers to a pattern where the **server is responsible for rendering the user interface (UI)** and sends **ready-to-render HTML fragments** to the browser. This avoids complex client-side frameworks and keeps the frontend lean and maintainable.
6
6
7
7
While this approach is widely used in frameworks like Hotwire, Livewire, or Phoenix LiveView, **abap2UI5 adapts this idea for SAP**, using the SAPUI5 runtime to render the UI based on server-provided definitions.
8
8
9
-
#### Historical Context: From SSR to Over-the-Wire
9
+
###History: From SSR to Over-the-Wire
10
10
11
-
In the early days of web development, **Server-Side Rendering (SSR)** was the standard approach.
12
-
Every user interaction triggered a request to the server, which returned a fully rendered HTML page.
11
+
In the early days of web development, **Server-Side Rendering (SSR)** was the standard approach. Every user interaction triggered a request to the server, which returned a fully rendered HTML page.
13
12
14
-
With the rise of **Single Page Applications (SPAs)**, UI rendering shifted to the browser.
15
-
SPAs request **raw data (e.g., JSON)** from the server and build the UI dynamically using JavaScript frameworks like React, Angular, or Vue.
13
+
With the rise of **Single Page Applications (SPAs)**, UI rendering shifted to the browser. SPAs request **raw data (e.g., JSON)** from the server and build the UI dynamically using JavaScript frameworks like React, Angular, or Vue.
16
14
17
15
While SPAs enable rich client-side experiences, they also introduce significant complexity:
18
16
- API layers and data contracts
@@ -24,17 +22,17 @@ As a response to this complexity, the **Over-the-Wire approach re-emerged**:
24
22
- The **browser simply inserts those fragments** into the page.
25
23
- The frontend remains simple and declarative.
26
24
27
-
Frameworks like **Hotwire (Rails)**, **Livewire (Laravel)**, and **Phoenix LiveView (Elixir)** are modern implementations of this concept.
28
-
29
-
#### Architectural Comparison
25
+
###### Architectural Comparison
30
26
31
27
| Approach | Data Flow | Rendering Location | Time |
* Applications requiring offline capabilities or rich client-side interactions
78
76
* Scenarios where frontend and backend are developed by separate, independent teams
79
77
80
-
####Conclusion
78
+
### Conclusion
81
79
82
80
The **key idea of abap2UI5** is to apply the simplicity of the Over-the-Wire approach to the SAP world.
83
81
It enables building efficient, maintainable business applications by shifting UI control back to the backend, while using SAPUI5 as a stable frontend runtime.
0 commit comments