How to Get Record Id and Object API Name in Lightning Web Component
Today, in this solution, we will create a component that you can add to any record page to obtain Record ID and Object API Name in LWC.
Unlike lightning record pages, Experience Builder Sites do not automatically bind the record Id and object API Name to the component’s template.
So, To access the record Id of the current record you have to add an expression in the .js-meta.XML file of the component.
In the example below, we are using the property in XML code to access the record Id of the current record along with the object API name.
Code
Now, to reference a record Id and object Api Name in a template we use {property} syntax, the same syntax we use to reference any JavaScript property.
Now we use the @api decorator to create a public recordId and flexipageRegionWidth properties in our javascript code. So, When the lightning web component is invoked in a record context it will populate the value to public properties we define in Javascript
The record Id is set to the 18-character ID of the record.
The objectApiName is set to the API name of the object associated with the record.
Finally, add this LWC to any record page and you’ll get recordId and objectAPIname.
Wrap Up
Here you have your component to get recordID and APIname in LWC. Feel free to try out the solution and do not forget to share your valuable feedback with us. Also, if you need any assistance in implementing Salesforce solutions, then our experts can help. We’ll be back with another interesting solution soon, stay in touch!