The App Frontend

The frontend of an app is concerned mainly with data display and user interaction. Frontend code:

• Always runs in a web browser.
• Gets access to the data in an iModel by making requests on a backend.

The following app configurations are supported:

• Web app - See browser compatibility
• Desktop app
• Mobile app

See the app architecture overview for more on app structure.

An app's frontend always implements its own frontend script and resources.

An app's frontend will often depend on npm packages to help implement its GUI.

An app's frontend script requires the @bentley/imodeljs-frontend npm package. The common packages will also be required.

These packages provide the following functions that a frontend requires:

• Login and obtain AccessTokens
• Open a "connection" to an iModel
• Adminstration via the IModelApp class
• Localization of strings and user interface
• Writing Tools for handling events from users
• Communicating with the Backend via an RpcInterface
• Displaying Views of iModels
• Executing ECSQL queries on iModels
• Storing Settings for Applications, Projects, and iModels.
• Implementing Extensions
• Formatting Quantities

Web browser compatibility

See Supported Platforms Page

Last Updated: 12 June, 2024