Definition of an AppIndependentAn a

Definition of an App
Independent

An app, by definition, is independent. But there's more to it than that. First, let's examine what independent means, in this sense. If an app is independent, it is standalone, can be found, discovered or simply initiated (say, from a bookmark or icon) and can be used without necessarily having to be contained within a larger framework.

With our UI5 apps being written in JavaScript (yes, and there are declarative parts too that don't have to be in JavaScript), we need to have at least a small structure that is native to the runtime context's features, a structure that is bookmarkable and that can facilitate the loading of the UI5 runtime and the app itself. That structure, at the bare minimum, is an HTML page.

While that HTML page serves as a delivery mechanism for the UI5 app, it should not do much more than that. As well as being independently discoverable and startable, the app itself - the UI5 parts from which it is constructed, should also be independent of the HTML page. That is to say, we should ideally be able to take the app, and the functionality it offers, and embed it into another structure, and have it live and run there just as happily.

For those of you acquainted with the standard delivery mechanism for the SAP Fiori suite of apps, this is something that may be familiar - the Launchpad, which is the HTML-based user-facing part of the Unified Shell infrastructure.

Whether you intend your app to run within such a framework or not, designing it with this feature in mind has benefits not only relating to independence and runtime frameworks, but also relating to construction across different development teams. An app, or part of an app, developed as an independent unit, lends itself more to being constructed and delivered by separate teams working on a greater whole (say, a suite of related functions).
So what does that mean for us as an app developer with UI5? It means that we should build our apps using the Component concept. Being a component means that the app can be delivered and run within a simple, standalone HTML page, or within the wider context of a Launchpad. If you construct your component correctly, this will be possible. It also means that we should reduce the content of the standalone HTML page to the bare essentials

meta tags in the document header to give the browser the best hints at rendering our app correctly
a script tag, known as the UI5 bootstrap, which loads the UI5 runtime core
an appropriately marked up HTML body into which the UI5 controls can be places
minimal UI5 logic executed when the runtime has been loaded; this logic is to create an sap.m.ComponentContainer and point to our app component which will be then automatically retrieved and loaded

UI5 apps are configurable in the bootstrap; however best practice states that bootstrap configuration (attributes that start with the prefix data-sap-ui) should be kept to a minimum. As an example, you should specify the theme, and tell the runtime where it should expect to find the resources (your component file, your views and controllers, and so on), based on the names you've used within your app. There are a number of ways that you can tell the module loading mechanism where to find things; the best way is to use the data-sap-ui-resourceroots parameter.

What should you call this standalone HTML page? You can of course use any name you want, however, exercise restraint. Common names are index.html or main.html. These names are perfectly fine; you may or may not want your web server to automatically serve up a default HTML page if the containing folder is requested. To highlight the fact that the HTML file is mainly a delivery mechanism for your app for when it's being initiated in a standalone fashion (as opposed to within the wider context of a Launchpad), another common name is localIndex.html.

ผลลัพธ์ (ไทย) 1:

รายละเอียดของ AppอิสระApp โดยคำจำกัดความ เป็นอิสระ แต่มีมากกว่าที่ ครั้งแรก ขอตรวจสอบว่าอิสระหมายถึง ในความรู้สึกนี้ ถ้า app เป็นอิสระ มันเป็นแบบสแตนด์อโลน พบ พบ หรือเพียงเริ่มต้น (พูด คั่นหนังสือหรือไอคอน) และสามารถใช้ได้ โดยไม่จำเป็นต้องอยู่ภายในกรอบขนาดใหญ่มีปพลิเคชัน UI5 ของเรามีการเขียน JavaScript (ใช่ และมีเป็น declarative ส่วนเกิน ที่ไม่จำเป็นต้องอยู่ใน JavaScript), เราจำเป็นต้องมีโครงสร้างเล็กน้อยที่เป็นลักษณะของบริบทรันไทม์ โครงสร้างเป็น bookmarkable และที่สามารถช่วยโหลดของรันไทม์ UI5 และ app ตัวเอง ว่า โครงสร้าง น้อยเปลือย เป็นเพจ HTMLในขณะที่หน้า HTML ที่ทำหน้าที่เป็นกลไกจัดส่งสำหรับ UI5 app มันไม่ควรทำมากขึ้นกว่าที่ และจะสามารถค้นพบได้อย่างอิสระ และแป app ตัวเอง - ส่วน UI5 จากที่มันถูกสร้างขึ้น ควรจะขึ้นอยู่กับหน้า HTML กล่าวคือ เราควรเชิญสามารถใช้ app ฟังก์ชันและการให้บริการ และฝังลงในโครงสร้างอื่น และมีชีวิตอยู่ และเรียกใช้มีเพียงเป็นได้อย่างมีความสุขสำหรับบรรดาของคุณกับระบบจัดส่งมาตรฐานสำหรับห้อง SAP Fiori ของปพลิเคชัน นี้เป็นสิ่งที่อาจจะคุ้นเคย - Launchpad ซึ่งเป็นส่วนเชื่อมต่อกับผู้ใช้ใช้ HTML โครงสร้างพื้นฐานโดยรวมเปลือกไม่ว่าคุณต้องการให้โปรแกรมประยุกต์ของคุณเพื่อเรียกใช้ภายในกรอบดังกล่าว หรือไม่ ออกแบบคุณลักษณะนี้ในใจมีประโยชน์ไม่เพียงแต่เกี่ยวข้องกับความเป็นอิสระและรันไทม์กรอบ แต่ยัง เกี่ยวข้องกับการก่อสร้างระหว่างทีมพัฒนาแตกต่างกัน App การเป็นส่วนหนึ่งของ app พัฒนาเป็นหน่วยอิสระ ยืดตัวมากขึ้นเพื่อการสร้าง และจัดส่ง โดยแยกทีมงานรวมมากกว่า (พูด ชุดของฟังก์ชันที่เกี่ยวข้อง)ดังนั้น ที่ไรเราเป็นนักพัฒนา app ที่มี UI5 หมายความ ว่า เราควรสร้างปพลิเคชันของเราใช้แนวคิดประกอบ เป็นส่วนประกอบหมายความ ว่า app ที่สามารถจัดส่งและเรียกใช้ภาย ในเพจ HTML แบบสแตนด์อโลน เรื่อง หรือภาย ในบริบทกว้างขึ้นของ Launchpad เป็น ถ้าคุณสร้างคอมโพเนนต์ของคุณอย่างถูกต้อง นี้จะสามารถทำ นอกจากนี้ยังหมายความ ว่า เราควรลดเนื้อหาของเพจ HTML แบบสแตนด์อโลนสำคัญเปลือย แท็ก meta ในส่วนหัวเอกสารเพื่อให้เบราว์เซอร์คำแนะนำที่ดีที่สุดที่แสดง app ของเราได้อย่างถูกต้อง แท็กสคริปต์ เรียกว่า bootstrap UI5 ที่โหลด UI5 รันไทม์หลัก ร่างกายเป็นเครื่องหมายอย่างเหมาะสมค่า HTML เป็นที่ UI5 จะจัดสถาน ตรรกะ UI5 น้อยที่สุดปฏิบัติการเมื่อได้รับการโหลดรันไทม์ ตรรกะนี้จะสร้างเป็น sap.m.ComponentContainer และชี้ส่วนประกอบของ app ซึ่งจะแล้วโดยอัตโนมัติเรียก และโหลดUI5 มีการกำหนดใน bootstrap อย่างไรก็ตามส่วนการปฏิบัติระบุที่กำหนดค่าเริ่มต้นระบบ (แอตทริบิวต์ที่เริ่มต้น ด้วยคำนำหน้าข้อมูลซับ-ui) ควรเก็บไว้ให้ต่ำ เป็นตัวอย่าง คุณควรระบุรูปแบบ และบอกขณะที่มันควรจะหาทรัพยากร (แฟ้มคอมโพเนนต์ของคุณ คุณมุมมอง และตัวควบคุม และอื่น ๆ), ตามชื่อที่คุณใช้ในโปรแกรมประยุกต์ของคุณ มีหลายวิธีที่คุณสามารถบอกกลไกการโหลดโมดูตำแหน่งที่จะค้นหาสิ่งต่าง ๆ วิธีดีที่สุดคือการ ใช้พารามิเตอร์ข้อมูลซับ-ui-resourcerootsอะไรควรเรียกเพจ HTML แบบสแตนด์อโลนนี้ คุณสามารถใช้ชื่อใด ๆ ที่คุณต้องการ อย่างไร ตามหลักสูตรการออกกำลังกายความยับยั้งชั่งใจได้ ชื่อเป็น index.html หรือ main.html ชื่อเหล่านี้เป็นอย่างดี คุณอาจ หรืออาจไม่ต้องการให้เว็บเซิร์ฟเวอร์โดยอัตโนมัติใช้ค่าเริ่มต้นเพจ HTML ถ้าโฟลเดอร์ที่มีการร้องขอ เน้นความจริงที่ว่าไฟล์ HTML ส่วนใหญ่จัดกลไกสำหรับโปรแกรมประยุกต์สำหรับเมื่อมันจะเริ่มต้นในแฟชั่นแบบสแตนด์อโลน (เมื่อเทียบกับในบริบทกว้างขึ้นของ Launchpad เป็น), ชื่ออื่นทั่วไปคือ localIndex.html

ผลลัพธ์ (ไทย) 3:

คำนิยามของ app
อิสระ

app โดยนิยามเป็นอิสระ แต่มันเป็นมากกว่านั้น แรกให้ตรวจสอบว่าอิสระ หมายถึง ในความรู้สึกนี้ ถ้า app ที่เป็นอิสระ มันเป็นแบบสแตนด์อโลน สามารถพบได้ ค้นพบ หรือเพียงแค่เริ่มต้น ( พูด , ที่คั่นหนังสือหรือไอคอน ) และสามารถใช้งานได้โดยไม่จําเป็นต้องอยู่ภายในกรอบใหญ่

ด้วย ui5 ปพลิเคชันจะถูกเขียนใน JavaScript ( ใช่ และมีชิ้นส่วนคำประกาศเหมือนกันที่ไม่ต้องอยู่ใน JavaScript ) เราต้องมีอย่างน้อยขนาดเล็กโครงสร้างที่พื้นเมืองมีรันไทม์บริบทของโครงสร้างที่เป็น bookmarkable และที่สามารถอำนวยความสะดวกในการโหลดของ ui5 Runtime และ app นั่นเอง โครงสร้างที่น้อยที่สุด คือ หน้า

ในขณะที่หน้า HTML ที่ทำหน้าที่เป็นกลไกในการตรวจสอบ ui5 มันไม่ควรทำมากกว่านั้น เป็นอิสระและการค้นพบ startable , app ตัวเอง - ส่วน ui5 ซึ่งมันถูกสร้างขึ้น นอกจากนี้ยังควรเป็นอิสระของ HTML หน้า คือว่า เราควรจะสามารถที่จะใช้ app และการทํางาน มันเสนอและฝังลงในโครงสร้างอื่น และได้ใช้ชีวิตและทำงานที่นี่อย่างมีความสุข

สำหรับคนที่คุณคุ้นเคยกับกลไกการส่งมอบมาตรฐานสำหรับ SAP Fiori แต่งงานของปพลิเคชันนี้เป็นสิ่งที่อาจจะคุ้นเคย - Launchpad ซึ่งเป็น HTML ผู้ใช้ซึ่งเป็นส่วนหนึ่งของโครงสร้างพื้นฐานที่ใช้รวมเปลือก .

ไม่ว่าคุณตั้งใจ app ของคุณเพื่อเรียกใช้ภายใน เช่น กรอบ หรือ ไม่การออกแบบที่มีคุณลักษณะนี้ในจิตใจ ได้ประโยชน์ไม่เพียง แต่เกี่ยวข้องกับความเป็นอิสระและตัวกรอบ แต่ยังเกี่ยวข้องกับการสร้างทีมในการพัฒนาที่แตกต่างกัน app หรือส่วนหนึ่งของ app ที่พัฒนาเป็นหน่วยอิสระที่ยืมตัวเองมากกว่าที่จะถูกสร้างขึ้นและส่งโดยแยกทีมทำงานมากขึ้นทั้ง ( พูด , ชุดของฟังก์ชันที่เกี่ยวข้อง ) .
ดังนั้นสิ่งที่หมายความว่าสำหรับเราเป็นผู้พัฒนา App กับ ui5 ? มันหมายความว่าเราควรจะสร้างปพลิเคชันที่เราใช้ แนวคิด องค์ประกอบ เป็นส่วนประกอบ หมายถึงว่า app ที่สามารถส่งมอบและเรียกใช้ในหน้า HTML ง่ายๆแบบสแตนด์อโลนหรือภายในบริบทที่กว้างขึ้นของ Launchpad ถ้าคุณสร้างองค์ประกอบของคุณอย่างถูกต้อง นี้จะเป็นไปได้มันก็หมายความว่าเราควรจะลดเนื้อหาของหน้า HTML แบบสแตนด์อโลนเพื่อจำเป็นเปลือย

เมตาแท็กในส่วนหัวของเอกสารเพื่อให้เบราว์เซอร์ที่ดีที่สุดในการให้คําแนะนํา app ของเราอย่างถูกต้อง
สคริปต์แท็ก , ที่รู้จักกันเป็น ui5 บูซึ่งโหลดแกน
Runtime ui5 การทำเครื่องหมายขึ้นตัว HTML ลงในที่เหมาะสม การ ui5 การควบคุมสามารถสถานที่
ตรรกะ ui5 น้อยที่สุดประหาร เมื่อรันไทม์ได้ถูกโหลด นี้ตรรกะเพื่อสร้าง sap.m.componentcontainer และจุด app ของเราส่วนประกอบซึ่งจะแล้วโดยอัตโนมัติดึงและโหลด

ui5 ปพลิเคชันที่มีการกําหนดในบูท อย่างไรก็ตามการปฏิบัติที่ดีที่สุด ระบุว่า การตั้งค่าบูตสแตรป ( คุณลักษณะที่เริ่มต้นกับ SAP ข้อมูลคำนำหน้า UI ) จะถูกเก็บไว้น้อยที่สุด เป็นตัวอย่างคุณควรกำหนดรูปแบบ และบอกรันไทม์ที่ควรคาดหวังจะพบทรัพยากร ( ไฟล์ส่วนประกอบของคุณมุมมองของคุณและควบคุม , และอื่น ๆ ) ตามชื่อที่คุณเคยใช้ในโปรแกรมประยุกต์ของคุณ มีหลายวิธีที่คุณสามารถบอกได้ว่าโมดูลโหลดกลไกที่หาสิ่งต่างๆ วิธีที่ดีที่สุดคือการใช้ข้อมูล SAP UI

resourceroots พารามิเตอร์สิ่งที่คุณควรเรียกสแตนด์อโลน HTML หน้า คุณสามารถของหลักสูตรการใช้ชื่อใด ๆที่คุณต้องการ แต่ยั้งชั่งใจ ชื่อสามัญคือ index.html หรือ main.html . ชื่อเหล่านี้เป็นปกติดี คุณอาจจะหรืออาจจะไม่ต้องการเซิร์ฟเวอร์เว็บของคุณโดยอัตโนมัติเพื่อให้เริ่มต้นที่หน้า HTML ถ้าที่มีโฟลเดอร์ที่มีการร้องขอเพื่อเน้นความจริงที่ว่าไฟล์ HTML เป็นกลไกส่ง app ของคุณเมื่อมันถูกริเริ่มขึ้นในแบบแฟชั่น ( ตรงข้ามกับภายในบริบทที่กว้างขึ้นของ Launchpad ) ชื่อสามัญอื่น localindex
. html