開發人員專用Adobe Commerce快速入門

瞭解如何開始使用 Adobe Commerce，包括使用 Docker 進行本機設定。我們向新的開發人員介紹後台開發任務。前台開發基礎知識包括使用 Page Builder 以及如何在頁面（如產品頁面）上建立包含 JavaScript 的新模組。

https://video.tv.adobe.com/v/35792?learn=on

建立模組

瞭解如何在Adobe Commerce中建立傳送資訊給PSR記錄器的模組。 這會將功能新增至Adobe Commerce中的第一個模組。

505

https://video.tv.adobe.com/vc/35792/chi_hant.json

{ "description": "瞭解如何在Adobe Commerce中建立傳送資訊給PSR記錄器的模組。 這會將功能新增至Adobe Commerce中的第一個模組。", "duration": "PT0H8M25S", "embedUrl": "https://video.tv.adobe.com/v/35792/", "name": "建立模組", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722296-100x56.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-150x85.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-200x113.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-220x124.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722297-236x133.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-290x163.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-420x236.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-640x360.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722298-666x375.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722299-720x405.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722299-960x540.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/7020bbba-5bb0-4f38-9d05-60a47aff723e/f51192a9c7144de7a02c9df0062d21a3_1685722300-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T10:42:46Z", "hasPart": [ { "@type": "Clip", "name": "Minimum files and folders described to create a new module", "startOffset": 14, "endOffset": 23, "url": "https://video.tv.adobe.com/v/35792/?t=14" }, { "@type": "Clip", "name": "What is a Package", "startOffset": 24, "endOffset": 69, "url": "https://video.tv.adobe.com/v/35792/?t=24" }, { "@type": "Clip", "name": "What to use for the Module name", "startOffset": 70, "endOffset": 165, "url": "https://video.tv.adobe.com/v/35792/?t=70" }, { "@type": "Clip", "name": "Describing the registration.php file", "startOffset": 166, "endOffset": 184, "url": "https://video.tv.adobe.com/v/35792/?t=166" }, { "@type": "Clip", "name": "The etc folder", "startOffset": 185, "endOffset": 209, "url": "https://video.tv.adobe.com/v/35792/?t=185" }, { "@type": "Clip", "name": "The module.xml file ", "startOffset": 210, "endOffset": 236, "url": "https://video.tv.adobe.com/v/35792/?t=210" }, { "@type": "Clip", "name": "Expected folders and files for our first module", "startOffset": 237, "endOffset": 292, "url": "https://video.tv.adobe.com/v/35792/?t=237" }, { "@type": "Clip", "name": "Using PHPStorm with the Magento plugin", "startOffset": 293, "endOffset": 332, "url": "https://video.tv.adobe.com/v/35792/?t=293" }, { "@type": "Clip", "name": "Describing the contents of module.xml ", "startOffset": 333, "endOffset": 403, "url": "https://video.tv.adobe.com/v/35792/?t=333" }, { "@type": "Clip", "name": "Describing the contents of registration.php", "startOffset": 404, "endOffset": 443, "url": "https://video.tv.adobe.com/v/35792/?t=404" }, { "@type": "Clip", "name": "Showing output for the setup upgrade command", "startOffset": 444, "endOffset": 458, "url": "https://video.tv.adobe.com/v/35792/?t=444" }, { "@type": "Clip", "name": "Showing our module was added to app/etc/config.php", "startOffset": 459, "endOffset": 505, "url": "https://video.tv.adobe.com/v/35792/?t=459" } ], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "建立模組" }
https://video.tv.adobe.com/v/3447905?learn=on

Page Builder簡介

瞭解 Page Builder 工具，以便在Adobe Commerce和Magento Open Source中輕鬆建立內容。

314

https://video.tv.adobe.com/vc/3447905/chi_hant.json

{ "description": "瞭解 Page Builder 工具，以便在Adobe Commerce和Magento Open Source中輕鬆建立內容。", "duration": "PT0H5M14S", "embedUrl": "https://video.tv.adobe.com/v/3447905/", "name": " Page Builder簡介", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678465-100x56.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678466-150x85.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678467-200x113.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678469-220x124.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678470-236x133.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678471-290x163.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678472-420x236.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678473-640x360.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678474-666x375.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678476-720x405.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678477-960x540.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/a266d78c-f16b-4e6d-b162-63d2c626caeb/edde78da7b1c46c6a334ef0885a1c670_1740678479-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2025-02-27T17:44:45Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": " Page Builder簡介" }
https://video.tv.adobe.com/v/35816?learn=on

建立新頁面

建立一個傳回json的頁面，並包含一個引數。

238

https://video.tv.adobe.com/vc/35816/chi_hant.json

{ "description": "建立一個傳回json的頁面，並包含一個引數。", "duration": "PT0H3M58S", "embedUrl": "https://video.tv.adobe.com/v/35816/", "name": "建立新頁面", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-100x56.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-150x84.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-200x113.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-220x124.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-236x133.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-290x186.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-420x236.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-640x360.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-666x374.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-720x405.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015495-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015495-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T16:15:37Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "建立新頁面" }
https://video.tv.adobe.com/v/35790?learn=on

新增JavaScript模組

本影片會逐步說明如何開發提供問候語「Hello World」的簡單JS模組。

241

https://video.tv.adobe.com/vc/35790/chi_hant.json

{ "description": "本影片會逐步說明如何開發提供問候語「Hello World」的簡單JS模組。", "duration": "PT0H4M1S", "embedUrl": "https://video.tv.adobe.com/v/35790/", "name": "新增JavaScript模組", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-100x56.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-150x85.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-200x113.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-220x124.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-236x133.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-290x163.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-420x236.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-640x360.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-666x375.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-720x405.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T10:32:46Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "新增JavaScript模組" }