Get Started with Lightning Web Components in the Field Service Mobile App | Field Service Developer Guide

Learn how to create and use Lightning web components (LWCs) in the Field Service mobile app. LWCs offer a versatile and efficient framework to meet the needs of your Field Service operations, from enhancing user interfaces to extending functionality.

This guide is a companion document to the Mobile and Offline Developer guide. Together these guides help you create seamless and intuitive experiences for your field service mobile workers. Familiarize yourself with the content in the Mobile and Offline Developer Guide first, then return here to learn about and get set up for working with the Field Service mobile app.

Considerations for LWC Offline in the Field Service Mobile App
The following considerations apply to LWC Offline when you run your components in the Field Service mobile app.
Field Service Org Setup
Define and assign the required permission sets.
iOS Simulator Setup
During development it’s convenient to test your code in a virtual device. Use Xcode to create a device simulator, and install the virtual device build of your mobile app into it.
Android Emulator Setup
During development it’s convenient to test your code in a virtual device. Use Android Studio to create a device emulator, and install the virtual device build of your mobile app into it.
Debug Lightning Web Components in the Field Service Mobile App
The best way to develop and debug your Lightning web components is the same way you develop and debug anything built with HTML, CSS, and JavaScript: with the debugging tools built into your web browser.
What Can I Do with Lightning Web Components in the Field Service Field Service Mobile App?
You can create custom components that are accessed from the Actions menu. Actions built with LWCs can be simple or complex, depending on the problem you’re solving, and can work even when mobile devices are offline. Use them to add and annotate an image to attach to a service report, order a part, contact a SME, or create a custom dashboard for your mobile workers. Use LWCs in Field Service to do pretty much anything Salesforce can do.
Configure Offline Mode in the Field Service Mobile App
Learn what to expect when Automatic Offline Mode is turned on in the Field Service mobile app and how you can adjust its settings.
Design with Lightning Web Components to Look Like Salesforce
Elevate your field service operations with visually cohesive mobile experiences. The Field Service mobile app seamlessly integrates the following Lightning web components with the Salesforce UI style.